CSS中設置純色可以使用color屬性和background-color屬性,其中color屬性用來設置文本的顏色,background-color屬性用來設置背景色。
/* 設置純色文本 */ p { color: red; } /* 設置純色背景 */ p { background-color: blue; }
在設置顏色時,可以使用關鍵字表示顏色,也可以使用RGB值、十六進制值和HSL值來表示顏色。
/* 使用關鍵字設置顏色 */ p { color: red; } /* 使用RGB值設置顏色 */ p { color: rgb(255, 0, 0); } /* 使用十六進制值設置顏色 */ p { color: #FF0000; } /* 使用HSL值設置顏色 */ p { color: hsl(0, 100%, 50%); }
同時,還可以設置透明度,使用opacity屬性來實現。
/* 設置文本透明度 */ p { color: rgba(255, 0, 0, 0.5); } /* 設置背景透明度 */ p { background-color: rgba(0, 0, 255, 0.5); }
以上就是CSS設置純色的基本方法和技巧,希望能對你有所幫助。
上一篇mysql 百分比函數
下一篇css設置粗細字體大小