中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

Step2 - HTML/CSS

按鈕的HTML代碼很簡單：

<a class=”button”>前端檔案</a>

再通過CSS設(shè)置一下背景圖片就可以了，CSS代碼如下：

/*鏈接按鈕樣式*/
.button {  
    width:200px;  
    height:80px;  
    display:block;  
    background:url(bg_button.gif) top no-repeat;  
    text-indent:-9999px; 
} 
/*按鈕懸停樣式*/
.button:hover{  
    background:url(bg_button.gif) bottom no-repeat; 
}

按照我們前面設(shè)計的圖片，按鈕的長寬為200px X 80px，背景圖為黑色按鈕。這段CSS就能夠?qū)崿F(xiàn)我們示例中的第一種效果（純CSS效果）。

出處：藍色理想
責(zé)任編輯：moby

上一頁 jQuery打造動態(tài)漸變按鈕 [4] 下一頁 jQuery打造動態(tài)漸變按鈕 [6]

◎進入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。