[HTML5教學]CSS img 單張圖像切換的作法(第六堂課)

CSS語法
.bButton a {
display:block; /*圖片區塊方式呈現*/
width:60px; /*背景圖寬60px*/
height:60px; /*背景圖高60px*/
background:url(../images/a03.png) no-repeat; /*圖高120px設定不重複*/
}
.bButton a:hover{
display:block;
width:60px;
height:60px;
background:url(../images/a03.png) no-repeat 0 -60px;
}
HTML語法
<div class="bButton"><a href="#"> </a></div>

範例下載

0 個評論

要回覆文章請先登入註冊