CSS中的弧形指的是元素的邊框或背景呈現弧形的效果。常見的弧形包括圓形、橢圓形以及圓角矩形。其中，圓形和橢圓形可以使用CSS3的border-radius屬性實現，而圓角矩形則需要借助偽元素和背景漸變。

/* 圓形 */
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
}
/* 橢圓形 */
.ellipse {
width: 150px;
height: 100px;
border-radius: 50% / 25%;
}
/* 圓角矩形 */
.rounded-rect {
width: 200px;
height: 100px;
position: relative;
overflow: hidden;
}
.rounded-rect::before {
content: "";
position: absolute;
top: -25%;
left: -25%;
width: 150%;
height: 150%;
background: linear-gradient(45deg, #ccc, #fff);
transform: rotate(-45deg);
border-radius: 50%;
}

以上代碼中，圓形和橢圓形的關鍵在于border-radius屬性的使用，其中border-radius可以接受一個或兩個參數，第一個參數表示圓角邊框半徑的大小，第二個參數表示圓角邊框高寬比。

圓角矩形的實現則需要使用偽元素和背景漸變。通過在原有矩形元素的上層添加一個偽元素，再利用背景漸變實現向外擴散且漸變的效果，就可以得到圓角矩形的效果。