CSS是現代網頁設計中必不可少的一部分，它在控制網頁的樣式和布局上發揮著重要的作用。在網頁設計中，按鈕經常用于與用戶進行交互，傳達信息或執行操作。通過設置陰影效果，可以使按鈕更突出，增強其可見度和美感。本文將介紹如何使用CSS設置按鈕陰影效果。 首先，在CSS中，可以使用box-shadow屬性來設置按鈕陰影。這個屬性接受一組參數，包括陰影顏色、偏移量、模糊程度以及擴散程度等。以下是一個設置按鈕陰影效果的例子：

button {
background-color: #2196F3;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}

在上面的代碼中，我們給按鈕添加了一個2像素的垂直偏移值和5像素的模糊程度，模糊顏色是RGBA值（0, 0, 0, 0.26）即黑色的26%不透明度。這種設置產生了一個輕微的陰影效果，使按鈕看起來更立體。 如果您需要更強的陰影效果，可以使用更大的偏移量和模糊程度，如下所示：

button {
background-color: #2196F3;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}

在上面的代碼中，我們將模糊程度增加到了10像素，同時將模糊顏色提高為了50%的不透明度。這種設置產生了一個非常明顯的陰影效果，使按鈕看起來更立體，更突出。 最后，需要注意的是，如果您需要為按鈕設置多層陰影效果，可以在box-shadow屬性中使用逗號來分隔不同的陰影。例如：

button {
background-color: #2196F3;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26), 0 5px 10px rgba(0, 0, 0, 0.5);
}

在上面的代碼中，我們為按鈕設置了兩層陰影效果，一層輕微的陰影和一層較強的陰影，使按鈕效果更突出。 總之，通過適當地設置box-shadow屬性，可以為按鈕添加陰影效果，使其看起來更立體、更突出，從而提高用戶體驗和美觀度。