<正文>設置按鈕立體樣式是Web開發中經常用到的技巧。本文就來分享一下如何通過CSS來實現一個立體按鈕的樣式。 首先我們需要一個HTML元素作為按鈕，通常會用到a或button標簽。本例中使用button標簽，代碼如下：

<button class="btn">立體按鈕</button>

接下來是CSS代碼，首先我們要為按鈕設置基本樣式，按鈕的背景、邊框、文字顏色等。然后，我們可以使用box-shadow屬性來給按鈕添加立體效果。這個屬性可以設置多個陰影，每個陰影之間用逗號隔開，具體定義方式為：

box-shadow: h-shadow v-shadow blur spread color;

其中h-shadow和v-shadow分別設置陰影的水平偏移量和垂直偏移量，單位可以是px、em或者rem；blur設置陰影的模糊半徑，顏色和擴散半徑是可選的。通過對這些參數的調整，我們可以得到不同的陰影效果。具體代碼如下：

.btn {
padding: 10px 20px;
border: none;
background-color: #4CAF50;
color: #fff;
font-size: 16px;
cursor: pointer;
box-shadow: 0px 4px 0px #2E8B57, 0px 8px 0px #4CAF50;
}

在這個代碼中，我們設置了兩個陰影，一個向下偏移4px并且顏色為#2E8B57，另一個向下偏移8px并且顏色為#4CAF50，這樣就可以達到一個簡單的立體效果。我們可以通過調整陰影的偏移量、顏色和擴散半徑來得到更多不同的效果。 最后，為了讓按鈕在鼠標懸停和按下時也有變化，我們可以加入:hover和:active偽類來設置這些狀態下的按鈕效果。代碼如下：

.btn:hover {
background-color: #3e8e41;
box-shadow: 0px 2px 0px #2E8B57, 0px 4px 0px #4CAF50;
}
.btn:active {
background-color: #3e8e41;
box-shadow: 0px 1px 0px #2E8B57, 0px 2px 0px #4CAF50;
transform: translateY(4px);
}

在:hover狀態下，我們改變了背景顏色和陰影的偏移量；在:active狀態下，我們進一步改變了背景顏色、陰影的偏移量和文字的位置。這些效果可以根據實際需求進行調整。 綜合以上的代碼，我們就可以得到一個簡單但有立體效果的按鈕了。<完>