CSS樣式是制定網頁外觀的重要元素,可以改變網頁的顏色、字體、大小等樣式,使網頁看起來更加美觀和專業。其中,改變顏色是最基本的樣式之一。
在CSS中,可以使用顏色值來改變網頁的顏色。顏色值可以用預定義顏色名稱、十六進制顏色值或RGB顏色值來表示。
預定義顏色名稱包括red(紅色)、blue(藍色)、green(綠色)等等,使用時只需要將顏色名稱寫入CSS樣式中的color屬性即可。
p{ color: red; }
如果想要使用自定義顏色,可以使用十六進制顏色值或RGB顏色值。
十六進制顏色值由6個字符組成,分別代表紅、綠、藍三種顏色的電子色調。每兩個字符代表一個顏色分量,取值范圍是00-FF(十進制0-255)。
p{ color: #FF0000; /*紅色*/ }
RGB顏色值由三個數字組成,分別代表紅、綠、藍三種顏色的亮度值。取值范圍同樣是0-255。
p{ color: rgb(255, 0, 0); /*紅色*/ }
改變背景色與改變字體顏色類似,只需要將color屬性改為background-color屬性即可:
p{ background-color: green; /*綠色背景*/ }
總之,在CSS中改變顏色是一項十分簡單的技能,只需要掌握預定義顏色名稱、十六進制顏色值或RGB顏色值的使用方法即可。
下一篇css樣式撰寫