CSS是網頁設計中必不可少的元素，其中下陰影是常見的效果之一。它可以為頁面增加深度，使得元素看起來更加立體。

.box{
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
}

在上面的代碼中，我們定義了一個名為box的類，然后使用box-shadow屬性來添加下陰影。屬性值中的0px代表陰影從元素的左側開始，5px代表陰影與元素的底部的距離為5像素，而第三個5px則代表陰影的模糊半徑為5像素，最后的rgba(0,0,0,0.3)代表陰影的顏色，這里使用的是黑色的半透明。

如果想要為元素添加其他方向的陰影效果，只需要在屬性值中改變第一個參數。比如，如果要添加上陰影，可以將0px改為0px -5px。

.box{
box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.3);
}

除了box-shadow，還有text-shadow等屬性可以實現類似的效果。總之，下陰影是一個簡單卻實用的CSS效果，它可以為網頁添加一些立體感，提高頁面的視覺體驗。