CSS是一種用于樣式化網頁內容的編程語言。在網頁設計中，常常需要對按鈕進行樣式上的修改，其中一種常見的操作就是給按鈕添加陰影效果。如何用CSS來給按鈕添加陰影效果呢？下面讓我們來一步步了解。

button {
box-shadow: 2px 2px 1px grey;
}

上面的代碼給button標簽添加了一段CSS，其中box-shadow是用于添加陰影效果的屬性，2px 2px分別表示水平和垂直的偏移量，1px表示陰影的模糊半徑，grey則是陰影的顏色。通過這段代碼我們可以看到，給按鈕添加陰影效果非常簡單。

如果想要給按鈕添加更多不同的樣式，可以在box-shadow屬性中設置inset關鍵字來實現。例如：

button {
box-shadow: inset 2px 2px 1px grey;
}

在上面的代碼中，inset關鍵字的作用是將陰影放在內部而不是外部。

除此之外，我們還可以設置多組陰影效果，代碼如下所示：

button {
box-shadow: 
2px 2px 1px grey,
4px 4px 2px black;
}

上面的代碼中，我們為按鈕設置了兩組陰影效果。兩組效果的區別是陰影的偏移量和模糊半徑，這樣可以讓按鈕看起來更加立體。

總之，給按鈕添加陰影效果是一種簡單而又實用的網頁設計技巧，掌握了CSS的box-shadow屬性后，我們可以輕松實現各種不同的效果。