<!DOCTYPE html>設(shè)置超鏈接背景
在CSS中,我們可以設(shè)置鏈接的各種樣式,包括文字顏色、下劃線、背景顏色等等。今天我們就來介紹一下如何設(shè)置超鏈接的背景顏色。
首先,我們需要為鏈接設(shè)置一個默認(rèn)的背景顏色,這樣當(dāng)鼠標(biāo)沒有懸停在鏈接上時,背景顏色就會是指定的顏色。我們可以為鏈接添加一個類名,然后在CSS中設(shè)置該類名的背景樣式。
a.bg-default { background-color: #fff; }
接下來,我們需要為鼠標(biāo)懸停在鏈接上時的背景顏色也設(shè)置一個樣式。同樣,我們可以為鏈接添加一個類名,并在CSS中設(shè)置該類名的背景樣式。這個樣式會在鼠標(biāo)懸停在鏈接上時生效。
a.bg-hover:hover { background-color: #666; color: #fff; }
最后,我們還可以為鏈接在被點擊時顯示一個不同的背景顏色。同樣,我們可以為鏈接添加一個類名,并在CSS中設(shè)置該類名的背景樣式。這個樣式會在鏈接被點擊時生效。
a.bg-active:active { background-color: #f00; color: #fff; }
通過以上的設(shè)置,我們就可以為鏈接設(shè)置不同的背景顏色了。您可以自由設(shè)置不同的顏色,以便于與您的網(wǎng)站風(fēng)格相匹配。
上一篇css背景延遲加載
下一篇css背景是什么意思圖片