在制作網(wǎng)頁時，按鈕作為交互元素不可或缺。而圓形按鈕則是近年來非常流行的一種設(shè)計，給人以簡潔、清新的感覺。為了讓按鈕更加立體，我們可以給它添加陰影效果。下面介紹一種使用CSS樣式實現(xiàn)圓形陰影按鈕的方法。

.btn {
display: inline-block;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #007bff;
box-shadow: 0px 3px 3px #999;
}
.btn:hover {
background-color: #0069d9;
box-shadow: 0px 5px 5px #999;
}

首先創(chuàng)建一個class為"btn"的樣式，設(shè)定它的寬和高都為50px，并將border-radius屬性設(shè)為50%以制作出圓形。接著設(shè)置背景顏色為#007bff，即淡藍色，并添加了陰影效果。這里的box-shadow屬性的值為"0px 3px 3px #999"，意思是沒有水平和垂直位移（即陰影在元素本身下面），陰影大小為3px，顏色為#999。

當鼠標懸浮在按鈕上時，我們將其背景顏色修改為更深的藍色，并增大陰影的大小以增加立體感。這里是box-shadow屬性的值為"0px 5px 5px #999"。

使用這種方法，我們不僅可以制作圓形按鈕，還可以為其他形狀的按鈕添加陰影，并且可以根據(jù)需要更改陰影的顏色、大小和位置，讓按鈕更具立體感和美感。