<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>淘宝</title>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
#quan{
width: 900px;
height:150px ;
margin-left: 100px;
}
#left{
float: left;
width: 300px;
height:70px ;
background: url(img/tb/logo.jpg) no-repeat;
margin-top: 30px;
}
#right{
float: left;
width: 600px;
height:140px ;
}
#center{
width: 600px;
height:40px ;
}
ul li{
float: left;
list-style: none;
margin-left: 40px;
}
#li1{
margin-left:0px;
background: url(img/tb/top_bg.jpg);
}
#top{
margin-top: 30px;
width: 300px;
height: 30px;
}
#c_left input{
background: url("img/tb/search.jpg") no-repeat left center ;
width: 400px;
height: 30px;
}
#c_right{
width: 200px;
float: left;
margin-top: 0px;
margin-left: 0px;
}
#c_left{
height:40px ;
width: 400px;
float: left;
}
p a{
margin-left: 20px;
}
</style>
</head>
<body>
<div id="quan">
<div id="left"></div>
<div id="right">
<div id="top">
<ul>
<li id="li1"><a>宝贝</a></li>
<li><a>天猫</a></li>
<li><a>店铺</a></li>
</ul>
</div>
<div id="center">
<div id="c_left">
<input type="text" name="search"/>
</div>
<div id="c_right">
<input type="image" src="img/tb/button.jpg" />
</div>
</div>
<p class="bottom"><a style="margin-left: 0px;" href="#">长裙</style><a href="#">时尚包包</a><a href="#">中老年夏装</a><a href="#">男T恤</a><a href="#">iphone4手机壳</a><a href="#">更多>></a> </p>
</div>
</div>
</body>
</html>
淘宝搜索页面
最新推荐文章于 2021-06-04 06:06:03 发布