亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

帶下拉菜單的導(dǎo)航

Original 2019-02-14 00:42:38 216
abstract：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="index.css"> & 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="layui/css/layui.css">
<title>淘寶首頁</title>
</head>
<body>
<div class="header">
<div class="header_c">
<div class="header_c_l l">
<a href="">中國大陸</a>&nbsp&nbsp<i class="layui-icon layui-icon-down"></i>
<a href="" style="color:#ff6500;">親，請登陸</a>
<a href="">免費注冊</a>
<a href="">手機逛淘寶</a>
</div>
<div class="header_c_r r">
<a href="" class="header_1">我的淘寶&nbsp&nbsp<i class="layui-icon layui-icon-down"></i>
<ul>
<li>已買到的寶貝</li>
<li>我的足跡</li>
</ul>
</a>
<a href="" ><span class="layui-icon layui-icon-cart-simple" id="header_a"></span>&nbsp購物車</a>
<a href="" class="header_1"><span class="layui-icon layui-icon-star-fill"></span>收藏夾&nbsp&nbsp<i class="layui-icon layui-icon-down"></i>
<ul>
<li>收藏的寶貝</li>
<li>收藏的店鋪</li>
</ul>
</a>
<a href="">商品分類</a>
<a href="" class="header_1">賣家中心&nbsp&nbsp<i class="layui-icon layui-icon-down"></i>
<ul>
<li>免費開店</li>
<li>已賣出的寶貝</li>
<li>出售中的寶貝</li>
<li>賣家服務(wù)市場</li>
<li>賣家培訓(xùn)中心</li>
<li>體檢中心</li>
<li>問商友</li>
</ul>
</a>
<a href="" class="header_1">聯(lián)系客服&nbsp&nbsp<i class="layui-icon layui-icon-down"></i>
<ul>
<li>消費者客服</li>
<li>賣家客服</li>
</ul>
</a>
<a href=""><span class="layui-icon layui-icon-shrink-right"  id="header_a"></span>&nbsp網(wǎng)站導(dǎo)航&nbsp&nbsp<i class="layui-icon layui-icon-down"></i></a>
</div>
<div class="clear"></div>

</div>
</div>

</body>
</html>
*{margin: 0px; padding:0px;}
a{text-decoration: none;color:white;font-size: 12px;}
ul li{font-size: 12px;color:black;}
.l{float:left;}
.r{float:right;}
.clear{clear: both;}
.header{width:100%;line-height: 40px;background: #f5f5f5;}
.header_c{width: 1200px;height: 40px;margin: 0 auto;}
.header_c a:hover{color: #ff6500; background: #fff;}
.header_c_l{width:300px;height: 40px;}
.header_c_l a{margin: 0 3px;}
.header_c_l i{font-size: 12px;}

.header_c_r{height: 40px}
.header_c_r a{display: inline-block;margin: 0 5px;}
.header_c_r a i{font-size: 12px;}
.header_c_r a span{font-size: 12px;}
#header_a{color: #ff6500;}

.header_1{position: relative;}
.header_1 ul{border: 1px solid #f5f5f5; display: none; border-top: none; position: absolute;}
.header_1 ul li{width: 90px; padding: 0 3px;margin: 3px 0;}
.header_1 ul li:hover{background: #f5f5f5;}
.header_1:hover ul{display: block;}


Correcting teacher：滅絕師太Correction time：2019-02-14 09:19:28
Teacher's summary：建議:帶有二級下拉菜單導(dǎo)航最好不要使用a鏈接嵌套

Release Notes

Popular Entries