abstract：這個方式好多都是自己用css的組合起來的 寫完了才看的教程 有些錯誤 自己加以改正了 還有 還有一個問題.header_a ul li a span{width: 15px;height: 15px;background-image: url(image/dalu.png);} 怎么插入到導(dǎo)航
這個方式好多都是自己用css的組合起來的 寫完了才看的教程
有些錯誤 自己加以改正了 還有
還有一個問題
.header_a ul li a span{width: 15px;height: 15px;background-image: url(image/dalu.png);} 怎么插入到導(dǎo)航后面不可用 我有點(diǎn)不理解 求解釋 謝謝
css
*{padding: 0px;margin: 0px;}
.header{width: 100%;height: 38px;background-color: #f5f5f5}
.header_content{width: 1160px;height: 38px;margin: 0px auto;}
.header_left{width: 282px;height: 38px;float: left;}
.header_right{width: 584px;height: 38px;float: right;}
.header_left ul li{list-style: none;float: left;line-height: 38px;margin-right:15px;font-size: 3px;color: #6C6C6C;}
.header_left ul li a[href="v"]{color: #F22E00}
.header_left ul li a{text-decoration: none;color: #6c6c6c;}
.header_left ul li a:hover{color: #F22E00;}
.header_right ul li{list-style: none;float: left;line-height: 38px;margin-right:21px;font-size: 3px;color: #6C6C6C;}
.header_right ul li a{text-decoration: none;color: #6c6c6c;}
.header_right ul li a:hover{color: #F22E00;}
html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<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">
<style type="text/css">
</style>
</head>
<body>
<div>
<div>
<div>
<ul>
<li><a href="#">中國大陸 <i class=" fa fa-angle-down"></i></a></li>
<li><a href="v">親,請登錄</a></li>
<li><a href="c">免費(fèi)注冊</a></li>
<li><a href="c">手機(jī)逛淘寶</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="#">我的淘寶 <i class=" fa fa-angle-down"></i></a></li>
<li><a href="#"><i class=" fa fa-shopping-cart"> </i>購物車 <i class=" fa fa-angle-down"></i></a></li>
<li><a href="#"><i class=" fa fa-star"> </i>收藏夾 <i class=" fa fa-angle-down"></i></a></li>
<li><a href="#">商品分類</a></li>
<li><a href="#">賣家中心 <i class=" fa fa-angle-down"></i></a></li>
<li><a href="#">聯(lián)系客服 <i class=" fa fa-angle-down"></i></a></li>
<li><a href="#">網(wǎng)站導(dǎo)航 <i class=" fa fa-angle-down"></i></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
Correcting teacher：滅絕師太Correction time：2018-12-06 09:29:53
Teacher's summary：插入圖片的話，不需要套這么多層，給一個img或者.header_a ul下面加一個列表項添加背景圖就可以了，不要把布局想發(fā)繁瑣，先自己試試！