四邊陰影CSS是CSS3的一種功能，它可以在HTML頁面中添加不同方向的邊框陰影效果，讓元素在視覺上更有層次感。四邊陰影CSS功能簡單易用，下面介紹如何使用它。

首先，我們需要設置元素的盒子模型為border-box，這樣元素的邊框、內邊距、寬度和高度將全部包含在內部。接著，我們可以使用box-shadow屬性來添加陰影效果。

.box-shadow {
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
/*水平偏移量*/ /*垂直偏移量*/ /*模糊距離*/ /*陰影大小*/ /*陰影顏色*/   
}

這個代碼片段添加了右下角的陰影效果。box-shadow屬性需要四個值，分別是水平偏移量、垂直偏移量、模糊距離和陰影大小，最后一個屬性是陰影顏色。

如果我們需要添加多個方向的陰影效果，可以使用逗號分隔不同的box-shadow屬性值。

.box-shadow {
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75), -10px -10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75), -10px -10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75), -10px -10px 5px 0px rgba(0,0,0,0.75);
/*右下角*/ /*左上角*/   
}

該代碼片段添加了右下角和左上角的陰影效果。每個box-shadow屬性都需要四個值。

總體來說，使用四邊陰影CSS非常簡單，只需要設置盒子模型和應用box-shadow屬性即可。眼熟地掌握這個CSS3功能，讓頁面看起來更加美觀、高級。