在 CSS 中,我們可以通過(guò)設(shè)置color
屬性來(lái)改變字體顏色。
p { color: red; }
在上面的代碼中,我們將所有的p
標(biāo)簽的字體顏色設(shè)置為紅色。
如果我們想讓字體顏色在鼠標(biāo)懸停時(shí)改變,可以使用:hover
選擇器。
p:hover { color: blue; }
在上面的代碼中,當(dāng)鼠標(biāo)懸停在p
標(biāo)簽上時(shí),字體顏色將變?yōu)樗{(lán)色。
除了使用固定顏色值以外,我們還可以使用rgb()
或rgba()
函數(shù)來(lái)動(dòng)態(tài)設(shè)置顏色。
p { color: rgba(255, 0, 0, 0.5); }
在上面的代碼中,我們將p
標(biāo)簽的字體顏色設(shè)置為半透明的紅色。
基于以上技巧,我們可以使用 CSS 來(lái)實(shí)現(xiàn)豐富的動(dòng)態(tài)效果,讓網(wǎng)頁(yè)更加生動(dòng)有趣。