摘要：这个方式好多都是自己用css的组合起来的 写完了才看的教程 有些错误 自己加以改正了 还有 还有一个问题.header_a ul li a span{width: 15px;height: 15px;background-image: url(image/dalu.png);} 怎么插入到导航
这个方式好多都是自己用css的组合起来的 写完了才看的教程
有些错误 自己加以改正了 还有
还有一个问题
.header_a ul li a span{width: 15px;height: 15px;background-image: url(image/dalu.png);} 怎么插入到导航后面不可用 我有点不理解 求解释 谢谢
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">免费注册</a></li>
<li><a href="c">手机逛淘宝</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="#">联系客服 <i class=" fa fa-angle-down"></i></a></li>
<li><a href="#">网站导航 <i class=" fa fa-angle-down"></i></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
批改老师：灭绝师太批改时间：2018-12-06 09:29:53
老师总结：插入图片的话，不需要套这么多层，给一个img或者.header_a ul下面加一个列表项添加背景图就可以了，不要把布局想发繁琐，先自己试试！
