在CSS中,設置字體顏色是很基礎的一部分。通過color
屬性,我們可以對頁面中的文字進行顏色設置。
p { color: #FF0000; /*設置字體顏色為紅色*/ }
在上面的CSS代碼中,我們使用了color
屬性,并將其設置為#FF0000
,這是十六進制表示的紅色。當這個樣式應用在<p>
元素上時,這個元素中的所有文字都會變成紅色。
另外,CSS還支持使用命名顏色。使用命名顏色時,我們無需記住十六進制顏色值,而可以使用常用的顏色名稱。
p { color: red; /*設置字體顏色為紅色*/ }
除了靜態地設置字體顏色之外,我們還可以根據元素的狀態來改變字體顏色。例如,當一個鏈接被鼠標點擊時,我們可以將其字體顏色改變為偏白色,以表示這個鏈接已被訪問過:
a:visited { color: #F1F1F1; /*設置字體顏色為偏白色*/ }
上面的CSS代碼中,我們使用了偽類:visited
來指示一個已被訪問過的鏈接。當這個樣式應用在<a>
元素上時,這個元素中被訪問過的文字都會變成偏白色。
總之,在CSS中設置字體顏色是一種非常基礎、常見的操作。掌握好字體顏色的設置技巧,可以讓我們更加自如地控制頁面的呈現效果。