CSS是前端頁面設計必不可少的一部分，可以幫助我們實現各種炫酷的效果。其中，陰影效果是常用的一種，而下面分享的就是一種四面都有陰影的實現方法。

box-shadow:0 0 20px rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5);

上面這段代碼中，box-shadow屬性可以設置元素的陰影效果。其中，0 0 20px表示陰影的偏移量為0，大小為20px。rgba(0,0,0,0.5)表示陰影的顏色及透明度。這里將四個陰影的屬性值都設置為一樣，即可實現四個面都有陰影的效果。

代碼中的四個0 0 20px rgba(0,0,0,0.5)的意思分別對應：top陰影、right陰影、bottom陰影、left陰影。因此，通過改變這四個值的大小或顏色，可以實現各種不同的陰影效果。

總之，CSS的陰影效果可以幫助我們輕松實現各種炫酷的效果，而掌握一些實現方法，可以更好地提高我們的頁面設計水平。