nav导航代码，图文一体导航代码

2025-11-19 06:55:13

1、<style>

ul#nav{margin:0 auto; text-align:center;}

ul#nav li{display:inline-block;}

a{ text-decoration:none; color:gray; padding:0 20px;}

span{width:36px; height:30.5px; display:inline-block;}

#p1{ background:url(icons.png) no-repeat left -5px;}

#p2{ background:url(icons.png) no-repeat 0 -66px;}

#p3{ background:url(icons.png) no-repeat 0 -126px;}

#p4{ background:url(icons.png) no-repeat 0 -186px;}

#p5{ background:url(icons.png) no-repeat 0 -246px;}

a:hover #p1{ background:url(icons.png) no-repeat 0 -36px;}

a:hover #p2{ background:url(icons.png) no-repeat 0 -96px;}

a:hover #p3{ background:url(icons.png) no-repeat 0 -156px;}

a:hover #p4{ background:url(icons.png) no-repeat 0 -216px;}

a:hover #p5{ background:url(icons.png) no-repeat 0 -276px;}

#nav li a:hover {color:red;}

</style>

2、<body>

<li><a href="#">RSS订阅</a></li>

</ul>

</body>

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。