天猫导航栏------CSS

<!DOCTYPE html>
<html>
  <head>
<style type="text/css">
  *{ 
  margin:0px; 
  padding:0px;
  }
 .menu{ 
 background:#F2F2F2; 
 height:32px;
 }
 ul{ 
 list-style:none;
 float:right
 }
 ul li{ 
 padding:0 10px;
 line-height:32px; 
 text-align:center; 
 position:relative; 
 float:left;
 }
 a{ 
 font-size:12px;
 font-weight:bold;
 text-decoration:none; 
 color:#999; 
 display:block;
 }
 a:hover{ 
 background-color:white;
 color:red;
 }
 ul li ul li{ 
 float:none; 
 background-color:white;
 } 
 ul li ul{ 
position:absolute; 
 display:none;
 background:white; 
 width:100px;
 padding:0;
 left:0;
 }
 ul li:hover ul{
 display:block;
 }
 ul li:hover{
 background:white;}
 ul li ul li:hover a{
 color:red;

 }
 a a{
 font-size:10px;
 }
 .left1{
 float:left;
 height:130px;
 }
 .menu1{
 height:130px;
 }
 .kuang{
 height:40px;
 width:625px;
 border:2px solid red;
 margin:45px auto;
 }
    </style>
  </head>
  <body>
    <div class="menu">     
    <ul>
        <li><a href="//i.taobao.com/my_taobao.htm" target="_top" rel="nofollow">我的淘宝<b></b></a>
              <ul>
                 <li><a href="//trade.taobao.com/trade/itemlist/list_bought_items.htm?t=20110530" target="_top">已买到的宝贝</a></li>
                 <li><a href="//trade.taobao.com/trade/itemlist/list_sold_items.htm?t=20110530" target="_top" >已卖出的宝贝</a></li>
             </ul>    
        </li>
        <li><a target="_top" href="//mai.taobao.com/seller_admin.htm">商家中心</a></li>
        <li><a href="//cart.tmall.com/cart/myCart.htm?from=btop" target="_top" rel="nofollow">购物车</a></li>
        <li><a href="//shoucang.taobao.com/shop_collect_list.htm?scjjc=c1" target="_top" rel="nofollow">收藏夹<b></b></a>
              <ul>
                  <li><a href="//shoucang.taobao.com/item_collect.htm" target="_top" rel="nofollow">收藏的宝贝</a></li>
                  <li><a href="//shoucang.taobao.com/shop_collect_list.htm" target="_top" rel="nofollow">收藏的店铺</a></li>
              </ul>
        </li>
        <li><a title="天猫无线" target="_top" href="//pages.tmall.com/wow/portal/act/app-download?scm=1027.1.1.1">手机版</a></li>
        <li><a href="//www.taobao.com/">淘宝网</a></li>
        <li><a class="menu-hd" href="//mai.taobao.com" target="_top">商家支持<b></b></a></li>
        <li><a href="">网站导航</a></li>
    </ul>
    </div>
    <div class="menu1" >
    <div class="left1">
    <img class="tmall-logo-img" src="//img.alicdn.com/tfs/TB1MaLKRXXXXXaWXFXXXXXXXXXX-480-260.png" style="margin: 1px auto;
    display:block" width="240px" height="130px">  
    </div> 
</div>
    
  </body>
</html>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值