CSS3是最新的CSS標準,提供了更多的樣式屬性和選擇器,其中設置文本顏色是CSS中最基本的樣式之一。
設置文本顏色的CSS屬性是color。color屬性可以接受多種格式的值,如關鍵字、十六進制值、rgb值等。
/* * 關鍵字值 */ p { color: red; /* 設置文本顏色為紅色 */ } /* * 十六進制值 */ p { color: #ff0000; /* 設置文本顏色為紅色 */ } /* * rgb值 */ p { color: rgb(255, 0, 0); /* 設置文本顏色為紅色 */ }
如果要設置文本的透明度,可以使用rgba值。rgba值與rgb值相似,只不過還多了一個a表示透明度,取值范圍是0到1。
/* * rgba值 */ p { color: rgba(255, 0, 0, 0.5); /* 設置文本顏色為紅色,透明度為50% */ }
在CSS中還可以使用hsl值和hsla值來設置文本顏色,hsl表示色相、飽和度和亮度,而hsla值多了一個a表示透明度。
/* * hsl值 */ p { color: hsl(0, 100%, 50%); /* 設置文本顏色為紅色 */ } /* * hsla值 */ p { color: hsla(0, 100%, 50%, 0.5); /* 設置文本顏色為紅色,透明度為50% */ }
在設置文本顏色的時候,可以使用關鍵字值,也可以使用十六進制值、rgb值、rgba值、hsl值和hsla值。針對不同的場景,可以根據(jù)需要選擇不同的格式和取值。