<html> <head> <title>我的第一个网页</title> <style type="text/css"> body{ background:blue; margin:0px; padding:0px; font-size:12px; } #container{ margin:0px 5px 0px 250px; width:950px; text-align:left; background:green; } #banner{ margin:0px; padding:0px; width:100%; height:150px; background:pink; } #globllink{ margin:0px; padding:0px; width:100%; height:30px; background:black; clear:both; } #globllink ul{ list-style-type:none; padding:0px; margin:0px; } #globllink ul li{ float:left; text-align:center; width:158px; } #globllink ul li a{ display:block; padding:9px 6px 11px 6px;; margin:0px; background:url("E:\爱剪辑\新建文件夹\图库\t01b6d53e067d888f92_副本.jpg") no-repeat; } #globllink a:link,#globllink a:visited{ color:#004a87; text-decoration:underline; } #globllink a:hover{ color:#ffffff; text-decoration:none; background:url("E:\爱剪辑\新建文件夹\图库\t01b6d53e067d888f92_副本.jpg") no-repeat; } #left{ margin:0px; background:#ffffff; float:left; height:370px; } #tudou{ background:url("http://p1.so.qhmsg.com/bdr/_240_/t01be36cabbddd70d46.jpg") no-repeat 100%; margin:0px 1px; background-color:#5ea6eb; padding:0px; } #tudou h3{ font-size:25px; padding:10px 0px 0px 5px; color:ffffff; margin:0px; } #tudou ul{ margin:0px 0px 0px 20px; padding:0px; list-style-type:none; } #tudou ul li{ font-size:12px; color:purple; } #fanqie{ background-color:yellow; } #fanqie h3{ font-size:25px; padding:10px 0px 0px 5px; color:purple; margin:0px; } #fanqie ul{ margin:0px; padding:0px; list-style-type:none; } #fanqie ul li{ text-align:center; } #fanqie ul img{ border:1px solid black; margin:8px 2px 0px 2px; } #middle{ margin:0px; padding:0px; width:400px; height:375px; background:brown; float:left; } #zhang img,#yu img{ border:1px solid pink; margin:16px 0px 0px 0px; } #zhang,#yu{ text-align:center; } #right{ margin:0px; padding:0px; width:250px; height:375px; background:#567; float:left; } #footer{ margin:0px; padding:0px; width:100%; height:30px; background:#234; clear:both; } </style> </head> <body> <div id="container"> <div id="banner"> <img src="http://p4.so.qhmsg.com/t014dbbb1eceedff1c9.jpg" art="嗯呐"> </div> <div id="globllink"> <ul> <li><a href="http://news.4399.com/hxjy/">首页</a></li> <li><a href="">11</a></li> <li><a href="">22</a></li> <li><a href="">22</a></li> <li><a href="">2</a></li> <li><a href="">略略略</a></li> </ul> </div> <div id="left"> <div id="tudou"> <h3><span>22</span></h3> <ul> <li>123</li> <li>123</li> <li>123</li> <li>123</li> <li>123</li> </ul> </div> <div id="fanqie"> <h3><span>嘿嘿</span></h3> <ul> <li><a href="https://hao.360.cn/?360sd"><img src="E:\爱剪辑\新建文件夹\图库\4a198d2d9d.jpg"></a></li> <li><a href="#"><img src="E:\爱剪辑\新建文件夹\图库\7bcb75832d.jpg"></a></li> </ul> </div> </div> <div id="middle"> <div id="zhang"><img src="E:\爱剪辑\新建文件夹\图库\t015efdb0919227fe18.jpg" border="1"></a></div> <div id="xiang"> <h3><span>22</span></h3> <ul> <li><a href="#">相思似海深，旧事如天远。</a></li> <li><a href="#">泪滴千千万万行，更使人、愁肠断。</a></li> <li><a href="#">要见无因见，拚了终难拚。</a></li> <li><a href="#">若是前生未有缘，待重结、来生愿。</a></li> </ul> </div> <div id="yu"><a href="#" title="琪琪"><img src="E:\爱剪辑\新建文件夹\图库\t01097d9ac7dd7485a5.jpg" border="1"></a></div> <div id="tu"> <h3><span>22</span></h3> <ul> <li><a href="#">多情却似总无情，</a></li> <li><a href="#">唯觉尊前笑不成。</a></li> <li><a href="#">蜡烛有心还惜别，</a></li> <li><a href="#">替人垂泪到天明。</a></li> </div> </div> <div id="right"> 5 </div> <div id="footer"> 6 </div> </div> </body></html>
3 回答
- 3 回答
- 0 关注
- 1650 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消