用CSS实现的一张图完成的导航条 </p> <p>ul,li{ list-style:none; float:left;}</p> <p>body{ font-size:12px; line-height:1.6; font-family: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>background-repeat: no-repeat;color: #000; width: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:visited{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; color:#fff;}</p> <p> 游 戏 娱 乐 菜 单 好 玩
php教程
php手册
An example of a button implemented with a picture using CSS
