国产精选在线,国产欧美二区,激情夜色

這個(gè)是網(wǎng)易126上的登陸按鈕

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]
另外一個(gè)導(dǎo)航按鈕

<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>用CSS實(shí)現(xiàn)的一張圖完成的導(dǎo)航條</title> <style> ul,li{ list-style:none; float:left;} body{ font-size:12px; line-height:1.6; font-family:Verdana, "宋體", Arial; text-align:center;} #info li{ margin-left:4px; margin-top:15px;} #info a {display:block;text-align:center; padding-left:15px; padding-top:2px;padding-bottom:1px;background-image:  url(/upload/20080515201218783.GIF); background-repeat: no-repeat;color: #000; width:47px; cursor:hand; text-decoration: none;} #job a:link,#job a:visited{background-position: -62px 0px;} #eve a:link,#eve a:visited{background-position: -124px 0px;} #oth a:link,#oth a:visited{background-position: -186px 0px;} #car a:hover ,#car a:active {background-position: 0px -22px; color:#fff;} #job a:hover ,#car a:active {background-position: -62px -22px; color:#fff;} #eve a:hover ,#car a:active {background-position: -124px -22px; color:#fff;} #oth a:hover ,#car a:active {background-position: -186px -22px; color:#fff;} </style> </head> <body>    <ul>   <li id="car"><span>  游 戲</span></li>   <li id="job"><span>  娛 樂(lè)</span></li>   <li id="eve"><span>  菜 單</span></li>   <li id="oth"><span>  好 玩</span></li>     </ul>   </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

HTML/CSS技術(shù)：用CSS實(shí)現(xiàn)的一張圖完成的按鈕效果，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。

四虎精品视频-四虎精品成人免费网站-四虎黄色网-四虎国产视频-国产免费91-国产蜜臀97一区二区三区

用CSS實(shí)現(xiàn)的一張圖完成的按鈕效果

相關(guān)文章閱讀