CSS中的顏色(Color)屬性是CSS最常用的之一。這個屬性可以給元素的字體,背景,邊框,輪廓等各種地方設置顏色。
color: red; background-color: gray; border-color: blue;
CSS中的顏色有很多種,包括關鍵字、十六進制、RGB、RGBA、HSL和HSLA等。
關鍵字顏色:
color: red; background-color: green; border-color: blue;
十六進制顏色:
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關鍵詞來引用特定顏色。
color: black; /*使用黑色關鍵詞*/ background-color: white; /*使用白色關鍵詞*/ border-color: red; /*使用紅色關鍵詞*/
第二種方法是使用十六進制顏色代碼。
color: #000000; /*黑色十六進制*/ background-color: #ffffff; /*白色十六進制*/ border-color: #ff0000; /*紅色十六進制*/
第三種方法是使用RGB顏色代碼。
color: rgb(0, 0, 0); /*黑色RGB*/ background-color: rgb(255, 255, 255); /*白色RGB*/ border-color: rgb(255, 0, 0); /*紅色RGB*/
CSS中顏色屬性的用法非常靈活,你可以使用它來使你的頁面更加鮮艷豐富。
上一篇php iSu 正則