CSS中有很多強大的屬性，其中有一條屬性——box-shadow，可以為元素添加陰影效果。其中最常用的就是4條陰影。

box-shadow: 
5px 5px 0 0 red,
5px -5px 0 0 blue,
-5px 5px 0 0 green,
-5px -5px 0 0 yellow;

這一段代碼為元素添加了四條陰影效果。其中，第一個值是向右偏移的像素數，第二個值是向下偏移的像素數，第三個值是陰影的模糊程度，第四個值是陰影的擴展程度，最后一個值是陰影的顏色。

如果你希望陰影效果更加立體，可以增加陰影的擴展程度和模糊程度。比如下面這個代碼：

box-shadow: 
0 15px 20px rgba(0,0,0,0.3),
0 10px 10px rgba(0,0,0,0.22);

這一段代碼為元素添加了兩個陰影效果。第一個陰影效果為黑色，向下偏移15像素，陰影擴展20像素，模糊程度0.3；第二個陰影效果為黑色，向下偏移10像素，陰影擴展10像素，模糊程度0.22。

進行CSS設計時，合理地使用box-shadow屬性的四個參數，可以為元素增添立體感和神秘感，增加瀏覽者的興趣，提升設計品質。