<style>
#line_01{
width:100%;
height: 86px;
}
#line_01_a{
width: 460px;
float: left;
text-align: right;
}
#line_01_null{
width: 698px;
height: 86px;
float: left;
}
#line_01_b {
font-size: 20px;
width: 730px;
height: 60px;
float: left;
text-align: left;
padding-top: 25px;
}
#line_02{
width: 100%;
height: 54px;
background-color: #FF9000;
}
#line_02 ul{
font-size: 20px;
display: flex;
overflow: hidden;
list-style-type: none;
margin: 0;
padding: 0;
}
li a{
color: white;
text-decoration: none;
text-align: center;
display: block;
padding: 14px 16px;
}
.line_02_b{
font-size: 30px;
}
.line_02_a{
display: inline-block;
flex: 2;
}
#line_02 li a:hover{
color: red;
background-color: orange;
}
#img01{
width: 100%;
}
#line_03{
background-color: #FF9000;
height: 35px;
color: white;
font-size: 20px;
padding-top: 10px;
}
#line_04{
width:30%;
height: 498px;
background-color: #FF9000;
border: 2px solid white;
text-align: center;
float: left;
font-size: 30px;
color: black;
}
#line_04_img{
padding-top: 40px;
}
#line04_shop{
border: 1px solid #FF9000;
width: 69.5%;
background-color: #FF9000;
height: 500px;
float: right;
}
.line_04_img{
border: 5px solid white;
float: left;
text-align: center;
}
span{
font-size: 20px;
color: white;
}
.line_05{
width: 100%;
text-align: center;
border: 1px solid white;
}
#line_06{
width: 100%;
height: 40px;
background-color: mediumpurple;
color: red;
font-size: 25px;
padding-top: 10px;
}
#line_07{
border: 2px solid white;
background-color: white;
width: 100%;
height: 280px;
color: grey;
}
.line_07_img{
background-color:white;
width: 16%;
height: 87%;
padding-top: 20px;
border: 5px solid gold;
float: left;
text-align: center;
}
#line_08{
width: 100%;
text-align: center;
border: 2px;
}
</style>
</head>
<body>
<div id="line_01" >
<!--图标-->
<div id="line_01_a">
<img src="img/01_ali.png">
</div>
<div id="line_01_null">
</div>
<!--登录注册界面-->
<div id="line_01_b">
<a href="https://www.taobao.com/" target="_blank">登录</a>
<a href="https://i.taobao.com/my_taobao.htm?spm=a21bo.2017.1997525045.1.5af911d9fHALfv" target="_blank">注册</a>
<a href="https://baike.baidu.com/item/%E6%B7%98%E5%AE%9D%E7%BD%91/112187?fr=aladdin" target="_blank">购物车</a>
</div>
</div>
<div id="line_02" align="center">
<ul>
<li class="line_02_b"><a href="淘宝网页制作.html">首页</a></li>
<li class="line_02_a"><a href="https://www.taobao.com/markets/3c/tbdc?spm=a21bo.2017.201867-main.11.5af911d9Md7XhE">手机数码</a></li>
<li class="line_02_a"><a href="https://www.taobao.com/markets/bangong/pchome?spm=a21bo.2017.201867-main.40.5af911d9QFlr5a">电脑办公</a></li>
<li class="line_02_a"><a href="https://www.taobao.com/markets/3c/tbdc?spm=a21bo.2017.201867-main.10.5af911d9QFlr5a">家用电器</a></li>
<li class="line_02_a"><a href="https://www.taobao.com/markets/coolcity/coolcityHome?spm=a21bo.2017.201867-main.19.5af911d9QFlr5a">运动户外</a></li>
<li class="line_02_a"><a href="https://www.taobao.com/markets/nanzhuang/2017new?spm=a21bo.2017.201867-main.2.5af911d9QFlr5a">男装女装</a></li>
<li class="line_02_a"><a href="https://www.taobao.com/markets/qbb/index?spm=a21bo.2017.201867-main.8.5af911d9Md7XhE&pvid=b9f2df4c-6d60-4af4-b500-c5168009831f&scm=1007.12802.34660.100200300000000">童装服饰</a></li>
</ul>
</div>
<div>
<a href="https://www.taobao.com/markets/bangong/pchome?spm=a21bo.2017.201867-main.40.5af911d9tQq2RQ"><img id="img01" src="img/img03.jpg"></a>
</div>
<div id="line_03">
最新商品
</div>
<div id="line_04">
<a href="https://ju.taobao.com/jusp/other/mingpin/tp.htm?spm=875.7931836/B.2017039.4.26fb4265mmRPGP&pos=2&acm=201708280-2.1003.2.3653089&scm=1003.2.201708280-2.OTHER_1529966067923_3653089"><img id="line_04_img" src="img/adver02.jpg" ></a>
<br>
经典是不变的潮流
<br>
</div>
<div id="line04_shop">
<div class="line_04_img">
<a href="https://bullshit-lab.taobao.com/?spm=a217m.8316598.1041398.13.143a33d5ANwZx8"><img src="img/line04_1.jpg"></a>
<br>
<span>多种街头流行元素</span>
<br>
</div>
<div class="line_04_img">
<a href="https://chrispeng.taobao.com/?spm=a217m.8316598.1041398.14.143a33d5ANwZx8"><img src="img/line04_2.jpg"></a>
<br>
<span>独立设计时装店</span>
<br>
</div>
<div class="line_04_img">
<a href="https://ne-chology.taobao.com/?spm=a217m.8316598.1041398.16.143a33d5ANwZx8"><img src="img/line04_4.jpg"></a>
<br>
<span>初新的日系原创</span>
<br>
</div>
<div class="line_04_img">
<a href="https://www.taobao.com/markets/nanzhuang/yuanchuangsheji2017pc?spm=a217m.8316598.1041398.15.143a33d5ANwZx8"><img src="img/line04_3.jpg"></a>
</div>
<div class="line_04_img">
<a href="https://ne-chology.taobao.com/?spm=a217m.8316598.1041398.16.143a33d5ANwZx8"><img src="img/line04_5.jpg"></a>
<br>
<span>专注原创简约设计</span>
<br>
</div>
<div class="line_04_img">
<a href="https://ne-chology.taobao.com/?spm=a217m.8316598.1041398.16.143a33d5ANwZx8"><img src="img/line04_6.jpg"></a>
<br>
<span>致力打造黑暗系男</span>
<br>
</div>
<div class="line_04_img">
<a href="https://ne-chology.taobao.com/?spm=a217m.8316598.1041398.16.143a33d5ANwZx8"><img src="img/line04_7.jpg"></a>
<br>
<span>复古街头文</span>
<br>
</div>
</div>
<div class="line_05">
<img src="img/line05img.jpg">
</div>
<div id="line_06">
热门商品
</div>
<div id="line_07">
<div class="line_07_img">
<img src="img/line7_01.jpg">
<br>
纯黑色单肩包
</div>
<div class="line_07_img">
<img src="img/line7_02.jpg">
<br>
家梦家仿花边水洗棉冬
</div>
<div class="line_07_img">
<img src="img/line7_03.jpg">
<br>
KENT&CURWEN
</div>
<div class="line_07_img">
<img src="img/line7_04.jpg">
<br>
波奇网福来恩体外驱虫药<br>
小型犬用泰迪宠物蜱虫<br>
</div>
<div class="line_07_img">
<img src="img/line7_05.jpg">
<br>
喜之郎 果冻90gX30袋整箱<br>
</div>
<div class="line_07_img">
<img src="img/line7_06.jpg">
<br>
芦荟润唇膏滋润维<br>
男女防干裂3.5G<br>
</div>
</div>
<div class="line_05">
<img src="img/line05img.jpg">
</div>
<table align="center">
<tr >
<td align="center">
<a href="#"> 关于淘宝</a>
</td>
<td>
<a href="#"> 合作伙伴</a>
</td>
<td>
<a href="#"> 联系客服</a>
</td>
<td>
<a href="#"> 网站地图</a>
</td>
<td>
<a href="#"> 开放平台</a>
</td>
<td>
<a href="#"> 法律声明</a>
</td>
<td>
<a href="#"> 知识产权</a>
</td>
<td>
<a href="#"> 关于淘宝</a>
</td>
</tr>
</table>
<table align="center">
<tr>
<td>
© 2003-现在 Taobao.com 版权所有
</td>
</tr>
</table>
</body>
</html>web淘宝网页设计
猜你喜欢
转载自blog.csdn.net/mashaokang1314/article/details/80806603
今日推荐
周排行