在 CSS 中,我們可以通過設置color
屬性來改變字體顏色。
p { color: red; }
在上面的代碼中,我們將所有的p
標簽的字體顏色設置為紅色。
如果我們想讓字體顏色在鼠標懸停時改變,可以使用:hover
選擇器。
p:hover { color: blue; }
在上面的代碼中,當鼠標懸停在p
標簽上時,字體顏色將變為藍色。
除了使用固定顏色值以外,我們還可以使用rgb()
或rgba()
函數來動態設置顏色。
p { color: rgba(255, 0, 0, 0.5); }
在上面的代碼中,我們將p
標簽的字體顏色設置為半透明的紅色。
基于以上技巧,我們可以使用 CSS 來實現豐富的動態效果,讓網頁更加生動有趣。