CSS3 顏色陰影（CSS3 Color Shadow）是 CSS3 新增加的一個(gè)屬性，可以對(duì)元素進(jìn)行很好的美化效果。下面我們通過示例來學(xué)習(xí)如何使用 CSS3 顏色陰影。

.box {
width: 200px;
height: 200px;
background-color: #fff;
box-shadow: 10px 10px 5px #ccc;
}

上面的代碼中，我們定義了一個(gè)樣式為“box”的元素，并添加了一個(gè) 10px 與 10px 的向右下方偏移量和 5px 的模糊半徑，以及 #ccc 的淡灰色。

此外，CSS3 顏色陰影還有一些其他的用法，例如：

.box-2 {
width: 200px;
height: 200px;
background-color: #fff;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
border-radius: 50%;
}

這里的代碼是一個(gè)圓形的陰影效果，其中的 rgba(0, 0, 0, 0.5) 是一個(gè)透明度為 50% 的黑色。另外，border-radius 屬性則可以使元素變?yōu)閳A形。

總的來說，CSS3 顏色陰影非常實(shí)用，在網(wǎng)站美化時(shí)尤為重要。希望大家能夠認(rèn)真學(xué)習(xí)并應(yīng)用到實(shí)際項(xiàng)目中。