首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

css前端笔考题-分别用2、3、5个div实现十字架效果

2012-08-31 
css前端笔试题--分别用2、3、5个div实现十字架效果两个:!DOCTYPE HTMLhtmlstyle typetext/cssdiv{b

css前端笔试题--分别用2、3、5个div实现十字架效果
两个:

<!DOCTYPE HTML><html><style type="text/css">div{background:red;position:absolute;width:50px;height:50px;top:50%;left:50%;}#d1{margin: -75px 0px 0px -25px;}[id ^= d2]{margin: -25px 0px 0px -25px;}#d2_1{margin-left:-75px;}#d2_3{margin-left:25px;}#d3{margin: 25px 0px 0px -25px;}</style><body><!-- 用五个div实现十字架 --><div id="d1"></div><div id="d2_1"></div><div id="d2_2"></div><div id="d2_3"></div><div id="d3"></div></body></html>

热点排行