CSS圓角是一種常用的布局效果，它可以讓元素的角落變得圓滑。在CSS中，我們可以使用border-radius屬性設置圓角效果。

代碼示例：
.round {
border-radius: 10px;
}

上述代碼中，.round表示要設置圓角的元素，border-radius屬性的值10px表示要設置的圓角半徑。為了設置四個角的圓角半徑不同，我們可以使用四個值，分別表示左上角、右上角、右下角和左下角的半徑。示例如下：

代碼示例：
.round {
border-radius: 10px 20px 30px 40px;
}

上述代碼中，.round表示要設置圓角的元素，border-radius屬性的值10px 20px 30px 40px表示分別對應左上角、右上角、右下角和左下角的半徑值。此時，左上角的圓角半徑為10px，右上角為20px，右下角為30px，左下角為40px。

在一些特殊情況下，我們可能需要設置圓形元素，此時我們可以使用border-radius: 50%來實現(xiàn)。下面是一個代碼示例：

代碼示例：
.circle {
width: 100px;
height: 100px;
background-color: #f00;
border-radius: 50%;
}

上述代碼中，.circle表示要設置為圓形的元素，width和height為該元素的寬度和高度，background-color為此元素的背景顏色，border-radius: 50%表示要將圓角半徑設置為該元素寬度的50%。此時，該元素就變成了一個紅色的圓形。