导读：操作步骤/方法1<style>2ul#nav{margin:0auto;text-align:center;}3ul#navli{splay:inline-block;}4a{text-decoration:none;color:gray;padding:020px;}5span{width:36px;height:30.5px;display:inline-block;}6#p1{b...
操作步骤/方法
1
<style>
2
ul#nav{margin:0auto;text-align:center;}
3
ul#navli{splay:inline-block;}
4
a{text-decoration:none;color:gray;padding:020px;}
5
span{width:36px;height:30.5px;display:inline-block;}
6
#p1{background:url(icons.png)no-repeatleft-5px;}
7
#p2{background:url(icons.png)no-repeat0-66px;}
8
#p3{background:url(icons.png)no-repeat0-126px;}
9
#p4{background:url(icons.png)no-repeat0-186px;}
10
#p5{background:url(icons.png)no-repeat0-246px;}
11
a:hover#p1{background:url(icons.png)no-repeat0-36px;}
12
a:hover#p2{background:url(icons.png)no-repeat0-96px;}
13
a:hover#p3{background:url(icons.png)no-repeat0-156px;}
14
a:hover#p4{background:url(icons.png)no-repeat0-216px;}
15
a:hover#p5{background:url(icons.png)no-repeat0-276px;}
16
#navlia:hover{color:red;}
17
</style>
18
<body>
19
<ulid="nav">
20
<li><ahref="#"><spanid="p1"></span>微信官号</a></li>
21
<li><ahref="#"><spanid="p2"></span>RSS订阅</a></li>
22
<li><ahref="#"><spanid="p3"></span>微博官号</a></li>
23
<li><ahref="#"><spanid="p4"></span>首页回顾</a></li>
24
<li><ahref="#"><spanid="p5"></span>建议反馈</a></li>
25
</ul>
26
</body>
END
以上就是小编为大家介绍的nav导航代码，图文一体导航代码的全部内容，如果大家还对相关的内容感兴趣，请持续关注上海建站网！
标签：
内容声明：网站所展示的内容均由第三方用户投稿提供，内容的真实性、准确性和合法性均由发布用户负责。上海建站网对此不承担任何相关连带责任。上海建站网遵循相关法律法规严格审核相关关内容，如您发现页面有任何违法或侵权信息，欢迎向网站举报并提供有效线索，我们将认真核查、及时处理。感谢您的参与和支持！
