CSS中的顏色(Color)屬性是CSS最常用的之一。這個屬性可以給元素的字體,背景,邊框,輪廓等各種地方設(shè)置顏色。
color: red; background-color: gray; border-color: blue;
CSS中的顏色有很多種,包括關(guān)鍵字、十六進(jìn)制、RGB、RGBA、HSL和HSLA等。
關(guān)鍵字顏色:
color: red; background-color: green; border-color: blue;
十六進(jìn)制顏色:
color: #ff0000; background-color: #00ff00; border-color: #0000ff;
RGB顏色:
color: rgb(255, 0, 0); background-color: rgb(0, 255, 0); border-color: rgb(0, 0, 255);
RGBA顏色:
color: rgba(255, 0, 0, 0.5); background-color: rgba(0, 255, 0, 0.5); border-color: rgba(0, 0, 255, 0.5);
HSL顏色:
color: hsl(0, 100%, 50%); background-color: hsl(120, 100%, 50%); border-color: hsl(240, 100%, 50%);
HSLA顏色:
color: hsla(0, 100%, 50%, 0.5); background-color: hsla(120, 100%, 50%, 0.5); border-color: hsla(240, 100%, 50%, 0.5);
如果你需要在CSS中使用特定顏色,則可以使用三種方法:
第一種方法是使用CSS關(guān)鍵詞來引用特定顏色。
color: black; /*使用黑色關(guān)鍵詞*/ background-color: white; /*使用白色關(guān)鍵詞*/ border-color: red; /*使用紅色關(guān)鍵詞*/
第二種方法是使用十六進(jìn)制顏色代碼。
color: #000000; /*黑色十六進(jìn)制*/ background-color: #ffffff; /*白色十六進(jìn)制*/ border-color: #ff0000; /*紅色十六進(jìn)制*/
第三種方法是使用RGB顏色代碼。
color: rgb(0, 0, 0); /*黑色RGB*/ background-color: rgb(255, 255, 255); /*白色RGB*/ border-color: rgb(255, 0, 0); /*紅色RGB*/
CSS中顏色屬性的用法非常靈活,你可以使用它來使你的頁面更加鮮艷豐富。