CSS四面陰影

CSS的陰影效果可以讓網頁元素更加美觀，常見的陰影效果有四面陰影、內陰影和文字陰影。本篇文章介紹的是CSS四面陰影，即將元素的四個邊框周圍添加陰影效果。

使用box-shadow屬性可以為元素添加陰影效果，語法如下：

box-shadow: h-shadow v-shadow blur spread color;

其中，h-shadow和v-shadow表示陰影的水平和垂直偏移量，單位可以是px、em、rem等；blur表示模糊半徑，spread表示陰影的擴張半徑，單位同樣可以是px、em、rem等；color表示陰影的顏色，可以用顏色關鍵字、RGB、RGBA、十六進制值等表示。

為了更好地理解這些參數，可以觀察下面這個示例：

.box-shadow{
	box-shadow: 0 0 5px #999999;
}

.box-shadow-all{
	box-shadow: 0 0 5px #999999,0 0 5px #999999,0 0 5px #999999,0 0 5px #999999;
}

在實際網頁制作中，可以根據需要靈活運用四面陰影效果，制作出更加美觀的效果。