CSS和HTML都是我們日常網頁制作中經常使用的技術,其中屬性設置顏色的功能尤為重要。
CSS中可以使用color
屬性來設置文本的顏色,其值可以是十六進制顏色值、RGB值或預定義顏色名稱。
/* 設置文本顏色為紅色 */ p{ color: #FF0000; } /* 設置文本顏色為深灰色 */ p{ color: rgb(80,80,80); } /* 設置文本顏色為藍色 */ p{ color: blue; }
HTML中也可以使用color
屬性來設置文本顏色,其值同樣可以是十六進制顏色值、RGB值或預定義顏色名稱。
<p style="color:#FF0000">紅色文本</p> <p style="color:rgb(80,80,80)">灰色文本</p> <p style="color:blue">藍色文本</p>
除了文本顏色,我們還可以使用background-color
屬性來設置背景顏色,同樣也支持十六進制顏色值、RGB值或預定義顏色名稱。
/* 設置背景顏色為白色 */ p{ background-color: #FFFFFF; } /* 設置背景顏色為淺灰色 */ p{ background-color: rgb(230,230,230); } /* 設置背景顏色為黃色 */ p{ background-color: yellow; }
HTML中同樣可以使用background-color
屬性來設置背景顏色,同樣也支持十六進制顏色值、RGB值或預定義顏色名稱。
<p style="background-color:#FFFFFF">白色背景</p> <p style="background-color:rgb(230,230,230)">淺灰色背景</p> <p style="background-color:yellow">黃色背景</p>
在開發過程中,正確使用顏色屬性可以讓網頁更加美觀,同時也可以提高用戶體驗。