如何設(shè)置CSS按鈕陰影

在CSS中設(shè)置按鈕陰影，可以通過添加一些特定的屬性來實(shí)現(xiàn)，這些屬性包括box-shadow、text-shadow和filter等。

我們可以使用box-shadow屬性來設(shè)置按鈕的陰影效果，這個屬性接受四個參數(shù)，分別表示陰影的水平偏移、垂直偏移、模糊半徑和顏色，我們可以這樣寫：

button {
  box-shadow: 10px 10px 5px #000;
}

上面的代碼表示，按鈕的陰影會在水平方向上向右偏移10像素，垂直方向上向下偏移10像素，模糊半徑為5像素，顏色為黑色。

我們還可以使用text-shadow屬性來設(shè)置按鈕文字的陰影效果，這個屬性接受四個參數(shù)，分別表示陰影的水平偏移、垂直偏移、模糊半徑和顏色。

button {
  text-shadow: 2px 2px 4px #333;
}

上面的代碼表示，按鈕文字的陰影會在水平方向上向右偏移2像素，垂直方向上向下偏移2像素，模糊半徑為4像素，顏色為深灰色。

我們還可以使用filter屬性來添加一些其他的效果，比如模糊、亮度調(diào)節(jié)等。

button {
  filter: drop-shadow(5px 5px 5px #000);
}

上面的代碼表示，按鈕會應(yīng)用一個5像素的陰影效果，顏色為黑色。

通過以上三種方式，我們可以輕松地設(shè)置CSS按鈕的陰影效果，讓按鈕更加美觀和實(shí)用。