CSS中的顏色設(shè)置是網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)重要部分，可以為頁(yè)面增加更多的視覺(jué)效果。CSS顏色可以通過(guò)內(nèi)聯(lián)樣式、樣式表或者JavaScript動(dòng)態(tài)設(shè)置。

設(shè)置顏色使用的是color 屬性，其屬性值可以為預(yù)定義顏色名稱或十六進(jìn)制RGB值。

/* 使用預(yù)定義顏色名稱 */
h1 {
color: blue;
}
/* 使用RGB值 */
p {
color: #FF0000;
}

在CSS中有16個(gè)預(yù)定義顏色名稱可以使用，如下所示：

/* 預(yù)定義顏色名稱 */
aqua    /* 淺綠色 */
black   /* 黑色 */
blue    /* 藍(lán)色 */
fuchsia /* 紫紅色 */
gray    /* 灰色 */
green   /* 綠色 */
lime    /* 酸橙色 */
maroon  /* 馬鞍棕色 */
navy    /* 海軍藍(lán) */
olive   /* 橄欖色 */
orange  /* 橙色 */
purple  /* 紫色 */
red     /* 紅色 */
silver  /* 銀灰色 */
teal    /* 青色 */
white   /* 白色 */
yellow  /* 黃色 */

此外，CSS中還能使用RGB值表示顏色，RGB值由三種顏色混合而成，分別是紅（R）、綠（G）、藍(lán)（B）三種顏色。RGB值可以使用十六進(jìn)制值、RGB值和RGBA值表示。

/* 使用RGB值（十六進(jìn)制） */
h1 {
color:#FF0000; /* 紅色 */
}
/* 使用RGB值 */
p {
color:rgb(255,0,0); /* 紅色 */
}
/* 使用RGBA值 */
div {
color:rgba(255, 0, 0, 0.5); /* 紅色，透明度為0.5 */
}

顏色設(shè)置在頁(yè)面設(shè)計(jì)中十分重要，必須慎重選取。正確的顏色搭配可以為頁(yè)面帶來(lái)更好的體驗(yàn)。