CSS box-shadow屬性用于向元素添加陰影效果。它可以在元素的邊框之外創建一個或多個陰影。通過調整box-shadow屬性的值,可以實現不同類型的陰影效果,如平面陰影、內陰影、模糊陰影、投影等。
box-shadow屬性的語法如下:
box-shadow: h-shadow v-shadow blur spread color inset;
其中,
h-shadow: 水平陰影的位置。可以為正數(向右)或負數(向左)。
v-shadow: 垂直陰影的位置。可以為正數(向下)或負數(向上)。
blur: 可選項,模糊半徑。默認值為0,表示無模糊效果。
spread: 可選項,陰影的尺寸。默認值為0,表示陰影與元素大小相同。
color: 可選項,陰影的顏色。可以使用顏色名稱、十六進制值或RGB值。
inset: 可選項,指定陰影是否為內陰影。默認值為false,表示為外部陰影。
使用box-shadow屬性,可以為元素創建陰影效果,增加元素的立體感,提升頁面的視覺效果。