<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>
echo_kinchao
_辣子
HEI_ComeOn