CSS中圓角是一種常見的效果，通過使用border-radius屬性可以實現。border-radius屬性用于設置元素的圓角半徑，可以用一個值來設置四個角都相同的半徑，也可以分別設置每個角的半徑。

/*設置四個角都相同的圓角*/
border-radius: 10px;
/*分別設置每個角的圓角*/
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;

除了使用像素值，還可以使用百分比和關鍵字值來設置圓角半徑。

/*使用百分比*/
border-radius: 50%;
/*使用關鍵字*/
border-radius: 10px/20px;
/*第一個值是水平方向半徑，第二個值是垂直方向半徑*/

在使用border-radius時，需要注意一些細節：

• 當元素的寬高不相等時，使用百分比的圓角半徑會出現橢圓形。
• 當元素存在背景顏色或背景圖片時，圓角部分的顏色也會受到影響。
• IE8及以下版本不支持border-radius屬性。