用CSS实现的一张图完成的导航条 </p> <p>ul,li{ list-style:none; float:left;}</p> <p>body{ font-size:12px; Zeilenhöhe:1,6; Schriftfamilie:Verdana, "宋体", Arial; text-align:center;}</p> <p>#info li{ margin-left:4px; margin-top:15px;}</p> <p>#info a {display:block;text-align:center; padding-left:15px;</p> <p>padding-top:2px;padding-bottom:1px;background-image: </p> <p>url(/upload/20080515201218783.GIF);</p> <p> Hintergrundwiederholung: no-repeat;Farbe: #000; Breite:47px; Cursor:Hand; text-decoration: none;}</p> <p>#job a:link,#job a:visited{background-position: -62px 0px;}</p> <p>#eve a:link,#eve a: besuchte{background-position: -124px 0px;}</p> <p>#oth a:link,#oth a:visited{background-position: -186px 0px;}</p> <p>#car a:hover , #car a:active {background-position: 0px -22px; color:#fff;}</p> <p>#job a:hover ,#car a:active {background-position: -62px -22px; color:#fff;}</p> <p>#eve a:hover ,#car a:active {background-position: -124px -22px; color:#fff;}</p> <p>#oth a:hover ,#car a:active {background-position: -186px -22px; Farbe:#fff;}</p> <p> 游 戏 娱 乐 < li id="eve"> 菜 单 好 玩< /a>
