在CSS中,可以使用`box-shadow`屬性來設置按鈕的陰影效果。`box-shadow`屬性可以接受多個值,用逗號分隔,每個值表示一個陰影效果。
語法如下:
```css
box-shadow: h-shadow v-shadow blur spread color inset;
```
- `h-shadow`表示水平陰影的位置,可以是正值(向右偏移)或負值(向左偏移)。
- `v-shadow`表示垂直陰影的位置,可以是正值(向下偏移)或負值(向上偏移)。
- `blur`表示陰影的模糊程度,可以是正值(模糊)或0(不模糊)。
- `spread`表示陰影的擴展大小,可以是正值(擴大)或負值(縮小)。
- `color`表示陰影的顏色。
- `inset`表示是否將陰影設置為內陰影,可以是`inset`(內陰影)或不設置(外陰影)。
以下是一個設置按鈕陰影的示例:
```css
button {
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
```
這個示例會在按鈕的右下方添加一個2像素向右、2像素向下的黑色陰影,模糊程度為4像素。
你可以根據需要調整`h-shadow`、`v-shadow`、`blur`、`spread`和`color`的值來實現不同的陰影效果。