淘宝的我自己做的下,后面新做的一个天猫的!

原创 2018-10-12 22:20:45 358
摘要:<!DOCTYPE html><html><head> <title>天猫tmall.com-理想生活上天猫</title> <meta charset="utf-8"><link rel="stylesheet" type="text/css" href=&q

<!DOCTYPE html>

<html>

<head>

<title>天猫tmall.com-理想生活上天猫</title>

<meta charset="utf-8">

<link rel="stylesheet" type="text/css" href="css/index.css">

<link rel="stylesheet" type="text/css" href="css/font-awesome-4.7.0/css/font-awesome.min.css">

</head>

<body>

<div class="tmdb">

   <div class="tmtt">

       <div class="tmtt-left">

           <span class="tmhyn">喵,欢迎来到天猫</span>

           <a href="https://login.tmall.com" >请登录</a>

           <a href="https://register.tmall.com" >免费注册</a>

       </div>

       <div class="tmtt-right">

           <a href="https://login.taobao.com" class="box">我的淘宝<i class="fa fa-caret-down"></i></a>

           <a href="https://login.tmall.com" ><i class="fa fa-cart-plus" style="color:#FF0036;"></i>&nbsp;购物车<b>0</b>件</a>

           <a href="https://login.tmall.com" class="box">收藏夹<i class="fa fa-caret-down"></i></a>

           <a href="#"  ><i class="fa fa-mobile " style="color:#FF0036;"></i>&nbsp;我的手机</a>

           <a href="https:taobao.com" >淘宝网</a>

           <a href="#" class="box">商家支持<i class="fa fa-caret-down"></i></a>

           <a href="#"  class="box"> <i class="fa fa-list" style="color:#FF0036;"></i> &nbsp;网址导航<i class="fa fa-caret-down"></i></a>

       </div>

   </div>

  <div class="rlear"></div>

</div>

</body>

</html>


index.css文档!!


.rlear{clear: both;}

*{margin: 0px;padding: 0px;}

a{text-decoration: none;font-size:11px;color: #000000;margin-left:10px; }

.tmdb{width: 100%;height: 32px;background: #f2f2f2;}

.tmtt{width: 1200px;height: 32px;margin: 0px auto;line-height: 32px; font-size: 11px;}

.tmtt-left{width: 300px;height: 32px;float:left;}

.tmtt-right{width: 600px;height: 32px;float: right;}

.tmtt a:hover{color: #ff0036;}

.box:hover{text-decoration: underline;}


做的这个天猫没精细调,老师看看有没有错误,我学习的也比较快,感谢!

发布手记

热门词条