<head>
<link href="first.CSS" type="text/CSS" rel="stylesheet">
</head>
<body>
<div ID="top">
<div ID="top_left">
<p><img src="image/h3.png">
<br>IDusfIDfuisfisjdksjfJs<br>
jfgjfhgjfdshgjdfhodsfi<br>
skajdakfjdkjfIDjfkdsjf<br>
kdsjfksdjfksdjfksdjfks<br>
kshfskdfjkaJsfkdasjdla<br>
skldflfkdsjfksjkfdjfkf<br></p>
<h4>更多>></h4>
</div>
<div ID="top_right">
<img src="image/pic1.jpg">
<img src="image/pic2.jpg">
<img src="image/pic3.jpg"><br>
<img src="image/pic4.jpg">
<img src="image/pic5.jpg">
<img src="image/pic6.jpg">
</div>
</div> <div ID="mIDdle">
<p><img src="image/head.jpg"></p>
<img ID="a" src="image/img1.jpg">
<img ID="a" src="image/img2.jpg">
<img ID="a" src="image/img3.jpg">
<img ID="a" src="image/img4.jpg">
</div> <div ID="main">
<div ID="main_top_left">
<h2>NEWS新闻动态</h2>
<ul>
<li>2104年以来柜子风格的改变</li>
<li>2104年以来柜子风格的改变</li>
<li>2104年以来柜子风格的改变</li>
<li>2104年以来柜子风格的改变</li>
<li>2104年以来柜子风格的改变</li>
<li>2104年以来柜子风格的改变</li>
<li>2104年以来柜子风格的改变</li>
<li>2104年以来柜子风格的改变</li>
</ul>
</div> <div ID="main_top_mIDdle">
<h2>Active 活动动态</h2>
<img src="image/pp1.jpg">
<h3>7折优惠活动</h3>
<p>2014年3月-5月之间所有商品给老顾客7折优惠</p>
<br><br> <img src="image/pp1.jpg">
<h3>7折优惠活动</h3>
<p>2014年3月-5月之间所有商品给老顾客7折优惠</p>
</div>
<div ID="main_top_right">
<h2>联系我们</h2>
<img src="image/tel.png"><br>
dfhjdshfJs <span>世家专业营店</span>
<br>TEL 00000000
<br>MAX 0000000000
<br>ADD **********
</div>
</div> <div ID="footer">
<p>dagjhjfhdskjfk</p>
<p>dagjhjfhdskjfkslhafahfjdshafj</p>
<p>dagjhjfhdskjfkslhafahfjdshafjdasgjdfjdshdfds</p>
</div>
</body> </HTML> CSS部分： *{margin:0px; padding:0px;}
#top{
wIDth:1110px;
height:360px;}
#top_left{background-image:url(image/left_bg.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
wIDth:400px;
height:340px;float:left;
} #top_left p{position:absolute;
left:40px;
top:50px;}
#top_left h4{float:right;
position:absolute;
left:290px;
top:290px;
color:red;} #top_right{float:left;
wIDth:700px;
height:340px;
background-image:url(image/right_bg.jpg);
background-repeat:no-repeat;
background-position:right bottom;
} #top_right image{padding:5px 50px 5px 50px;} #mIDdle{
wIDth:1110px;
height:190px;
}
#mIDdle p img{wIDth:1100px;
}
#mIDdle img a{margin-left:50px} #main_top_left{border:1px solID red;
wIDth:300px;
height:300px;
margin-top:5px;
float:left;}
#main_top_left h2{color:red;
padding-top:10px;
}
#main_top_left ul{margin-top:10px;}
#main_top_left ul li{
border:1px dashesd black;
}
#main_top_mIDdle{float:left;
margin-left:5px;
border:1px solID red;
margin-top:5px;
wIDth:400px;
height:300px; } #main_top_mIDdle img{float:left;
} #main_top_right {float:left;
margin-left:5px;
border:1px solID red;
margin-top:5px;
wIDth:397px;
height:300px; } #main_top_right span{Font-size:18px;
Font-weight:bold;
Font-family:Arial;
} #footer{witdh:1100px;
height:70px;
margin-top:315px;
background:grey;}
#footer p{text-align:center;} 总结
以上是内存溢出为你收集整理的这个网页今天用了我将近3个小时写出来，其他的后面再修改全部内容，希望文章能够帮你解决这个网页今天用了我将近3个小时写出来，其他的后面再修改所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）