倒圓角是一種常見的CSS樣式效果，用于在網頁的元素邊角處顯示成圓角而不是直角。在一些設計美觀的網站中，倒圓角被廣泛使用。

CSS中實現圓角的屬性是border-radius，它可以讓元素邊角顯示為圓角。對于倒圓角效果，我們只需要在元素的背景色上疊加一個倒角的透明層，就可以實現倒圓角的效果。

example{
background-color: #eee;
border-radius: 10px 10px 0 0;
position: relative;
}
example:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0 0 10px 10px;
background-color: rgba(0,0,0,0.3); /*透明度為0.3的黑色*/
}

上述代碼中，example為需要實現倒圓角的元素選擇器，我們將此元素的背景色設置為灰色，同時設置圓角為10px，但是只應用在上方的兩個角。接著我們利用偽元素before，創建一個大小和example相同的層，并將其放在example元素的上方。我們設置此層的圓角為下方的兩個角，同時選擇透明度為0.3的黑色作為背景顏色。由于此層的位置在example元素的上方，所以倒圓角的效果就實現了。

雖然倒圓角的效果比較簡單，但是它可以為網頁增加一些精致和美觀，同時也可以增強用戶的體驗感。在實際的網頁設計中，我們可以根據不同的元素類型和布局要求，選擇不同的圓角方式和顏色，用心設計出優秀的網頁布局。