在CSS中添加一個下陰影效果是很簡單的，只需要使用box-shadow屬性來設置即可。 首先，我們來看一下box-shadow的語法格式： box-shadow: h-shadow v-shadow blur spread color inset; 其中，h-shadow表示水平方向的偏移量，v-shadow表示垂直方向的偏移量。blur表示模糊半徑，spread表示陰影的擴散程度，color表示陰影的顏色，inset表示是否為內陰影。 下面我們來看一個例子，如何為一個div元素添加一個下陰影效果：

div {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

代碼解釋：這里我們將h-shadow設置為0，v-shadow設置為4px，表示陰影向下偏移4個像素，blur設置為8px，spread設置為默認值0，表示陰影不擴散，顏色為rgba(0, 0, 0, 0.3)，即黑色半透明色，透明度為0.3。最后，沒有設置inset屬性，即默認為外陰影。 如果想讓陰影距離元素底部的距離更小一點，那么可以將v-shadow的值往上調一些。 如果想要為元素添加一個內陰影效果，只需要在box-shadow屬性中添加inset即可。

div {
box-shadow: inset 0 -4px 8px rgba(0, 0, 0, 0.3);
}

代碼解釋：這里我們將inset設置為內陰影，h-shadow設置為0，v-shadow設置為-4px，表示陰影向上偏移4個像素，blur仍然設置為8px，spread設置為默認值0，顏色與上面的例子相同。 總結一下，CSS中添加下陰影效果只需要簡單地使用box-shadow屬性進行設置即可。如果想要調整陰影的位置和大小，只需要調整h-shadow、v-shadow、blur和spread的值即可。如果想要為元素添加內陰影效果，只需要在box-shadow屬性中添加inset。