在CSS中,我們可以使用color屬性來定義文本的顏色。顏色可以使用具體的命名顏色、十六進制顏色、RGB值或HSL值。
/* 使用命名顏色 */ p { color: red; } /* 使用十六進制顏色 */ p { color: #FF0000; } /* 使用RGB值 */ p { color: rgb(255, 0, 0); } /* 使用HSL值 */ p { color: hsl(0, 100%, 50%); }
除了定義全局顏色之外,我們還可以使用偽類來更改特定文本的顏色。例如,在鼠標懸停在鏈接上或鏈接被點擊時,我們可以改變鏈接的顏色。
/* 定義鏈接的顏色 */ a { color: blue; } /* 定義鏈接被懸停時的顏色 */ a:hover { color: red; } /* 定義鏈接被點擊時的顏色 */ a:active { color: green; }
當然,我們也可以使用CSS變量來定義顏色并在整個CSS文件中共享這些變量。
/* 定義CSS變量 */ :root { --primary-color: blue; } /* 使用CSS變量 */ p { color: var(--primary-color); }
總之,在CSS中定義顏色是非常簡單而且重要的。我們可以根據需要隨時改變顏色來達到想要的效果。
下一篇Python研究生證明