如何给按钮添加阴影效果 - CSS box-shadow 属性指南

可以使用 CSS 的 'box-shadow' 属性为按钮添加阴影。语法如下：

button {
  box-shadow: h-shadow v-shadow blur spread color;
}

其中，'h-shadow' 表示水平偏移量，'v-shadow' 表示垂直偏移量，'blur' 表示模糊半径，'spread' 表示阴影的扩散程度，'color' 表示阴影颜色。

例如，给一个按钮添加黑色阴影，偏移量为 2px，模糊半径为 3px，扩散程度为 1px，可以这么写：

button {
  box-shadow: 2px 2px 3px 1px black;
}