157 lines
6.7 KiB
HTML
157 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>天猫</title>
|
|
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_3887737_gjwdl9txkbg.css">
|
|
<link rel="stylesheet" href="./clear.css">
|
|
<link rel="stylesheet" href="./public.css">
|
|
<link rel="stylesheet" href="./index.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
<div class="header">
|
|
<div class="header_menu">
|
|
<div class="center">
|
|
<ul class="header_left left">
|
|
<li>
|
|
<i class="iconfont icon-zuojiantou"></i>
|
|
<a href="">天猫首页</a>
|
|
</li>
|
|
<li>
|
|
<a href="">喵，欢迎来天猫国际</a>
|
|
</li>
|
|
<li>
|
|
<a href="">请登录</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="header_right right">
|
|
<li class="li_hover">
|
|
<a href="">我的淘宝</a>
|
|
<i class="iconfont icon-zuojiantou-copy-copy"></i>
|
|
<ul class="drop_menu">
|
|
<li><a href="">已买到的宝贝</a></li>
|
|
<li><a href="">已卖到的宝贝</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="">购物车</a>
|
|
</li>
|
|
<li>
|
|
<a href="">收藏夹</a>
|
|
</li>
|
|
<li>
|
|
<a href="">手机版</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="header_logo">
|
|
<div class="center">
|
|
<div class="logo_left left">
|
|
<img src="https://img.alicdn.com/tfs/TB1tSm3nzTpK1RjSZKPXXa3UpXa-109-40.png" alt="">
|
|
<img src="https://img.alicdn.com/tfs/TB138sZOpY7gK0jSZKzXXaikpXa-175-16.png" alt="">
|
|
</div>
|
|
<div class="input right">
|
|
<input type="text left"/>
|
|
<div class="button right">搜索</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
<div class="center">
|
|
<div class="type">
|
|
<div class="type_left left">
|
|
<div class="title">全部商品分类</div>
|
|
<ul>
|
|
<li>
|
|
<div class="icon">
|
|
<img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
|
|
<span>美妆个护</span>
|
|
</div>
|
|
<div class="text">
|
|
<a href="">面膜</a> /
|
|
<a href="">面膜</a> /
|
|
<a href="">面膜</a>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="icon">
|
|
<img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
|
|
<span>美妆个护</span>
|
|
</div>
|
|
<div class="text">
|
|
<a href="">面膜</a> /
|
|
<a href="">面膜</a> /
|
|
<a href="">面膜</a>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="icon">
|
|
<img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
|
|
<span>美妆个护</span>
|
|
</div>
|
|
<div class="text">
|
|
<a href="">面膜</a> /
|
|
<a href="">面膜</a> /
|
|
<a href="">面膜</a>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="icon">
|
|
<img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
|
|
<span>美妆个护</span>
|
|
</div>
|
|
<div class="text">
|
|
<a href="">面膜</a> /
|
|
<a href="">面膜</a> /
|
|
<a href="">面膜</a>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="icon">
|
|
<img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
|
|
<span>美妆个护</span>
|
|
</div>
|
|
<div class="text">
|
|
<a href="">面膜</a> /
|
|
<a href="">面膜</a> /
|
|
<a href="">面膜</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="type_right left">
|
|
<ul class="title">
|
|
<li><a class="active" href="">首页</a></li>
|
|
<li><a href="">海外直购</a></li>
|
|
<li><a href="">海外直购</a></li>
|
|
<li><a href="">海外直购</a></li>
|
|
</ul>
|
|
<div class="banner">
|
|
<img class="left" src="https://gw.alicdn.com/imgextra/i2/O1CN01znABAz1pNQyILDeJ7_!!6000000005348-2-tps-740-420.png" alt="">
|
|
<div class="text left">
|
|
<div class="tm_text">天猫国际</div>
|
|
<div class="tm_desc">TMALL GLOBAL</div>
|
|
<img class="tm_fg" src="https://gw.alicdn.com/tps/TB1tQM6JXXXXXaeXXXXXXXXXXXX-38-11.jpg_Q75.jpg" alt="">
|
|
<img class="code" src="https://gw.alicdn.com/imgextra/i1/O1CN01g3E02H1JOkHYfqBix_!!6000000001019-0-tps-200-200.jpg_Q75.jpg" alt="">
|
|
<div class="tm_t">畅享全球好货</div>
|
|
<div class="tm_s">正品保障，破损无忧，晚到必赔！</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer"></div>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |