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

2025-03-30 18:14:06

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><ul id="nav"> <li><a href="#">微信官号</a></li> <li><a href="#">RSS订阅</a></li> <li><a href="#">微博官号</a></li> <li><a href="#">首页回顾</a></li> <li><a href="#">建议反馈</a></li></ul></body>

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