CSS3中的box-shadow屬性用于向元素添加陰影效果。它可以為元素創建一個或多個陰影，并指定陰影的顏色、位置、模糊度和擴展程度等屬性。
box-shadow可以用于以下情況：
創建元素的立體效果：通過添加陰影，可以使元素看起來具有一定的高度和深度感，使界面更加生動。
突出元素：通過添加陰影，可以使元素在頁面中更加突出，吸引用戶的注意力。
創建特殊效果：通過調整陰影的顏色、模糊度和擴展程度等屬性，可以創建出各種特殊效果，如模糊背景、光暈效果等。
box-shadow的語法如下：
box-shadow: h-shadow v-shadow blur spread color inset;
其中，參數的含義如下：
h-shadow：水平陰影的位置，可以是正值（右側陰影）或負值（左側陰影）。
v-shadow：垂直陰影的位置，可以是正值（下方陰影）或負值（上方陰影）。
blur：陰影的模糊程度，值越大，陰影越模糊。
spread：陰影的擴展程度，可以是正值（擴展）或負值（收縮）。
color：陰影的顏色。
inset：可選參數，指定是否為元素添加內陰影效果。如果設置為inset，則為內陰影；如果不設置，則為外陰影。
例如，下面的代碼為一個元素添加了一個紅色的右下方陰影：
.box {
box-shadow: 5px 5px 10px red;
}
