CSS 帶陰影的按鈕是一個很常見的 web 設計元素，它可以給用戶一個明確的交互提示，同時還能增加網頁的美觀程度。下面是一個具有陰影效果的按鈕代碼的實現：

button {
border: none;
color: #fff;
background-color: #0099FF;
border-radius: 20px;
box-shadow: 5px 5px 5px #888888;
cursor: pointer;
font-size: 20px;
font-weight: bold;
padding: 10px 20px;
}
button:hover {
background-color: #0066CC;
}

以上代碼中的 box-shadow 屬性就是按鈕陰影的實現。box-shadow 新增自 CSS3，在屬性通用值之前必需加上前綴。值的詳細解釋如下：

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

其中每個值的意義如下：

• h-shadow：水平位置，可以為負值或正值，正值為向右，負值為向左。
• v-shadow：垂直位置，可以為負值或正值，正值為向下，負值為向上。
• blur：模糊程度，值越大，陰影越模糊，推薦設置 0px。
• spread：陰影大小，值越大，陰影范圍越大，也可以為負值。
• color：陰影顏色。
• inset：可選屬性，如果設置則為內陰影，否則為外陰影。

除了 box-shadow 屬性以外，代碼中還有其他的樣式屬性設置，如按鈕的圓角邊框、選中后的背景色等。

總的來說，CSS 帶陰影的按鈕是一個簡單而實用的設計元素，適用于各種不同的網站設計領域。