CSS DIV如何做这样的排版

2025-02-28 04:43:03
推荐回答(5个)
回答1:

1、选中DIVb2,点击右侧CSS选项卡下的+号,添加CSS样式定义。

2、在新建CSS规则面板下选择#b2(对应DIV b2的ID),确定。

3、在CSS规则定义面板左侧分类下选择方框,右侧输入对应的数值。b2的DIV定义好了

4、下面定义DIV001,同样选中DIV001,点+号新建CSS。

5、在CSS规则定义下选择“背景”,选择好色彩,

6、选择“方框”,定义DIV001的宽,高,浮动float为left。

7、同DIV001一样,新建DIV002样式。

8、选择背景色

9、选择方框后,填写DIV002的样式属性值,注意,因为它是向右浮动的,所以这里的FLOAT要选择为right。

10、同DIV001一样,新建并设定DIV003的参数

11、定义DIV004的样式,因为DIV004和上面的DIV-B2是一样的宽度,所以这里设置为width:400px,Clear为both,防止有的浏览器兼容性问题而位移。

12、设置完毕,查看左侧的效果。

回答2:

你的HTML代码能实现,要用到定位属性position,见如下代码。另外给你提供一段参考代码,在注释中:







001

002

003


004


回答3:



001

003


002


004

回答4:











css 就不写了 边框的上下左右可以分别设置

回答5:









001

003


002


004



相关问答