摘要:<!DOCTYPE html> <html> <head> <title>天猫tmall.com-理想生活上天猫</title> <meta charset="utf-8"> <link rel="stylesheet" type=&qu
<!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> 购物车<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> 我的手机</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> 网址导航<i class="fa fa-caret-down"></i></a> </div> </div> <div class="rlear"></div> </div> </body> </html>
.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;}
这个是天猫的 淘宝老师做的 我就不做的 .