在CSS中,我們可以使用color屬性來控制文本的顏色。
color屬性可以接受各種顏色的值,例如RGB值、十六進制值、顏色關鍵字等等。
/* 設置文本顏色為紅色 */ p { color: red; } /* 設置文本顏色為藍色 */ p { color: #0000ff; } /* 設置文本顏色為綠色 */ p { color: rgb(0, 128, 0); }
除了使用固定的顏色值外,我們還可以使用CSS偽類來實現在特定情況下改變文本顏色。
例如,我們可以使用:hover偽類來在鼠標懸停在一個元素上時改變文本顏色。
/* 鼠標懸停時,文本顏色改為黃色 */ p:hover { color: yellow; }
類似地,我們也可以使用:focus偽類來在元素獲得焦點時改變文本顏色。
/* 元素獲得焦點時,文本顏色改為橙色 */ input:focus { color: orange; }
總的來說,CSS中控制文本顏色的方法非常豐富,可以根據自己的需要來靈活運用。
上一篇css中水平排列代碼
下一篇css中的a href