CSS3中的box-shadow屬性用于向元素添加陰影效果。它可以為元素創(chuàng)建一個(gè)或多個(gè)陰影，并指定陰影的顏色、位置、模糊度和擴(kuò)展程度等屬性。
box-shadow可以用于以下情況：
創(chuàng)建元素的立體效果：通過(guò)添加陰影，可以使元素看起來(lái)具有一定的高度和深度感，使界面更加生動(dòng)。
突出元素：通過(guò)添加陰影，可以使元素在頁(yè)面中更加突出，吸引用戶的注意力。
創(chuàng)建特殊效果：通過(guò)調(diào)整陰影的顏色、模糊度和擴(kuò)展程度等屬性，可以創(chuàng)建出各種特殊效果，如模糊背景、光暈效果等。
box-shadow的語(yǔ)法如下：
box-shadow: h-shadow v-shadow blur spread color inset;
其中，參數(shù)的含義如下：
h-shadow：水平陰影的位置，可以是正值（右側(cè)陰影）或負(fù)值（左側(cè)陰影）。
v-shadow：垂直陰影的位置，可以是正值（下方陰影）或負(fù)值（上方陰影）。
blur：陰影的模糊程度，值越大，陰影越模糊。
spread：陰影的擴(kuò)展程度，可以是正值（擴(kuò)展）或負(fù)值（收縮）。
color：陰影的顏色。
inset：可選參數(shù)，指定是否為元素添加內(nèi)陰影效果。如果設(shè)置為inset，則為內(nèi)陰影；如果不設(shè)置，則為外陰影。
例如，下面的代碼為一個(gè)元素添加了一個(gè)紅色的右下方陰影：
.box {
box-shadow: 5px 5px 10px red;
}
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
