CSS3提供了許多陰影樣式以及可以使用的顏色。以下是幾個(gè)常用的陰影屬性：

/* 水平陰影，垂直陰影，模糊半徑和陰影顏色 */
box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
/* 內(nèi)部陰影 */
box-shadow: inset -2px -2px 2px rgba(0,0,0,0.5);
/* 多重陰影 */
box-shadow: 2px 2px 2px rgba(0,0,0,0.5), 
-2px -2px 2px rgba(255,255,255,0.4);

上面的代碼中，box-shadow屬性的第四個(gè)參數(shù)定義了陰影的顏色。該參數(shù)可以使用以下格式：

/* 顏色名稱 */
box-shadow: 2px 2px 2px red;
/* 十六進(jìn)制顏色值 */
box-shadow: 2px 2px 2px #FF0000;
/* RGBA顏色值 */
box-shadow: 2px 2px 2px rgba(255,0,0,0.5);
/* HSLA顏色值 */
box-shadow: 2px 2px 2px hsla(0,100%,50%,0.5);

RGBA和HSLA顏色值允許您設(shè)置透明度。上面的代碼中，陰影顏色的透明度設(shè)置為0.5。

在實(shí)現(xiàn)陰影顏色時(shí)，要注意陰影顏色的對比度。陰影顏色與背景顏色之間的對比度越大，陰影看起來就越明顯。可以使用在線對比度檢測工具來驗(yàn)證陰影顏色的對比度。