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

最新推荐文章于 2021-06-23 07:22:04 发布

万云飞

最新推荐文章于 2021-06-23 07:22:04 发布

阅读量2.5k

点赞数

本文链接：https://blog.csdn.net/wanwu_fusu/article/details/84886225

版权

<!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
评论
天猫导航栏------CSS

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt;&lt;style type="text/css"&gt; *{ margin:0px; padding:0px; } .menu{ background:#F2F2F2; height:32px; } ul{ list-style:none; float:r...
复制链接

扫一扫