在CSS中，我們可以使用border-radius屬性來實現元素的圓角效果。但是，如果我們想要實現一些更加復雜的效果，例如圓角內凹的效果，該怎么辦呢？

.box {
width: 200px;
height: 100px;
background-color: #fff;
border: 1px solid #000;
border-radius: 10px;
box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
}

上面的代碼中，我們創建了一個名為.box的樣式類來實現圓角內凹的效果。在CSS中，我們可以使用box-shadow屬性來添加一個元素的陰影效果。而在本例中，我們將box-shadow屬性的inset參數設置為true，表示我們要實現內陰影效果。接下來，我們將水平和垂直偏移量都設置為0，這樣就讓陰影效果直接在元素內部產生。最后，我們還可以設置陰影的模糊半徑和透明度，從而實現更加精細的效果。

通過這種方式，我們就可以輕松地實現元素的圓角內凹效果。這種效果不僅能夠為頁面增添一些細節，還可以使頁面看起來更加立體和豐富。