div+css练习题
新建⼀个test.html⽂档编写⼯具editplus
1
画⼀个，长为778px ⾼为250px的⽅框（id命名为header）
相对整个页⾯居中
背景颜⾊为#eeeeee 边框⼀个px 实⼼边框边框颜⾊为红⾊
2
再画⼀个长为778px ⾼为600px的⽅框（id命名为center）
相对整个页⾯居中
背景颜⾊为⽩⾊，边框为1px，实⼼边框边框颜⾊为灰⾊距header⽅框间隔15px
用div与css实现网页布局代码3（学习的内容是在⼀个div中分⼆列最常⽤）
在刚画的header⽅框内
再画⼆个⽅框，分⼆列
第⼀个⽅框（id命名为header_left）⽅框左对齐距左边框距离是10px，距上边框为20px 长为300px，⾼200px 背景为蓝⾊
第⼆个⽅框（id命名为header_right）右对齐距右边框距离10px 上边框 5px 长为420px ⾼为30px 背景⽩⾊
4 （学习的内容是在⼀个div中分三列，⽅法有多种，随意⼀种即可）
在center⽅框内。画三个⽅框分三列，左中右
左⽅框id命名为 center_left
宽150px ⾼400px 距左，上边框各为10px 背景随意
中⽅框id命名为 center_center
宽400px ⾼400px 距左，上边框也同样10px 背景随意
左⽅框id命名为 center_right
⾼400px 距左，右，上边框也同样10px 背景随间宽度⾃⼰计算
（注意，⽅法有多种，如果定义了center_center的宽度就需要⾃⼰计算center_right的宽度）
（前⾯四题的关键属性是 margin border background padding float）
5
在header_right中⽤ul 和 li 的形式写出⼀组链接 5个li排成⼀⾏，不允许换⾏，
每个li的⽂字居中，li前⾯不允许出现实⼼圆点或任何标记
每个li的长度为70px 链接的⽂字内容：链接⼀链接⼆链接三链接四链接五（注意li的个数是5个，链接⽬标为空链接）
6
定义整个⽹页的字号为12px ⽂字颜⾊为#666666 ⽂字链接的颜⾊也同样也#666666 12px⼤⼩⿏标移上去的颜⾊为红⾊移除恢复#666666

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。