CSS是網(wǎng)頁設計中不可或缺的一部分，通過CSS能夠制作出各種炫酷的效果。其中，立體圓是一種常見的樣式，下面我們就來學習一下如何通過CSS來寫立體圓。

/*首先需要設置一個元素的寬高相等，border-radius設置為50%，使其變成一個圓形*/
.round {
width: 100px;
height: 100px;
border-radius: 50%;
/*設置邊框顏色為灰色，粗細為2px*/
border: 2px solid #ccc;
}
/*然后，通過box-shadow設置陰影效果來制作出立體感*/
.round {
box-shadow: 0px 1px 5px rgba(0,0,0,0.3), 0px 3px 4px rgba(0,0,0,0.2), inset 0px 0px 4px rgba(0,0,0,0.3);
}

以上就是制作立體圓的基本步驟，通過不同的box-shadow參數(shù)可以制作出不同的效果，例如增加陰影距離或改變透明度等，可以根據(jù)具體需要進行調(diào)整。