CSS網(wǎng)址收藏按鈕是一種很有用的功能，它可以讓用戶輕松地把網(wǎng)頁(yè)收藏下來(lái)。同時(shí)，它還可以讓網(wǎng)站更具有可訪問(wèn)性，提高用戶體驗(yàn)。

實(shí)現(xiàn)收藏按鈕的方法很簡(jiǎn)單，只需要添加以下CSS代碼即可：

a.bookmark{
display:block;
padding:5px 10px;
background-color:#333;
color:#fff;
text-decoration:none;
border-radius:5px;
box-shadow:0px 1px 2px rgba(0,0,0,0.5);
font-size:14px;
}
a.bookmark:hover{
background-color:#555;
}

上面的代碼中，.bookmark類是要應(yīng)用到收藏按鈕上的CSS樣式。其中，display:block屬性用于讓超鏈接元素顯示為塊元素，方便設(shè)置寬度和高度等樣式；padding屬性用于設(shè)置按鈕的內(nèi)邊距；background-color屬性和color屬性用于設(shè)置按鈕的背景色和文字顏色；text-decoration:none屬性用于去除鏈接的下劃線；border-radius屬性用于設(shè)置按鈕的圓角；box-shadow屬性用于設(shè)置按鈕的陰影效果；font-size屬性用于設(shè)置字體大小。鼠標(biāo)懸停在按鈕上時(shí)，會(huì)觸發(fā):hover偽類，使按鈕的背景色變?yōu)?555。

接下來(lái)，在超鏈接元素中添加.bookmark類即可生效：

收藏

最后，當(dāng)用戶點(diǎn)擊按鈕時(shí)，可以使用JavaScript代碼將當(dāng)前頁(yè)面的網(wǎng)址添加到瀏覽器的收藏夾中：

收藏

上面的代碼中，bookmark()函數(shù)用于判斷瀏覽器類型并添加到收藏夾。如果是Firefox瀏覽器，則使用window.sidebar.addPanel()方法添加收藏；如果是IE瀏覽器，則使用window.external.AddFavorite()方法添加收藏。Opera瀏覽器不支持添加收藏，所以不執(zhí)行任何操作。最后，使用alert()方法提示用戶使用快捷鍵Ctrl+D來(lái)添加收藏。