nav导航代码,图文一体导航代码
方法/步骤
1、<style>ul#nav{margin:0auto;text颍骈城茇-align:center;}ul#navli{display:inline-block;}a{text-颊俄岿髭decoration:none;color:gray;padding:020px;}span{width:36px;height:30.5px;display:inline-block;}#p1{background:url(icons.png)no-repeatleft-5px;}#p2{background:url(icons.png)no-repeat0-66px;}#p3{background:url(icons.png)no-repeat0-126px;}#p4{background:url(icons.png)no-repeat0-186px;}#p5{background:url(icons.png)no-repeat0-246px;}a:hover#p1{background:url(icons.png)no-repeat0-36px;}a:hover#p2{background:url(icons.png)no-repeat0-96px;}a:hover#p3{background:url(icons.png)no-repeat0-156px;}a:hover#p4{background:url(icons.png)no-repeat0-216px;}a:hover#p5{background:url(icons.png)no-repeat0-276px;}#navlia:hover{color:red;}</style>
2、<body><ulid="nav"><li><ahref="#"><spanid="p1"></span>微信官号</a></li><li><ahref="#"><spanid="p2"></span>RSS订阅</a></li><li><ahref="#"><spanid="p3"></span>微博官号</a></li><li><ahref="#"><spanid="p4"></span>首页回顾</a></li><li><ahref="#"><spanid="p5"></span>建议反馈</a></li></ul></body>