首先，CSS中可以通過border-radius屬性來實現(xiàn)圓角的效果。這個屬性可以應用到各種HTML元素上，例如div、button、img等等。
border-radius屬性可以設置1個、2個、3個或4個值，具體如下：
1. 1個值：表示四個角都使用同樣的值來設置，例如：
pre{
border-radius: 10px;
}
2. 2個值：第一個值為左上角和右下角的半徑，第二個值為右上角和左下角的半徑，例如：
pre{
border-radius: 10px 20px;
}
3. 3個值：第一個值為左上角的半徑，第二個值為右上角和左下角的半徑，第三個值為右下角的半徑，例如：
pre{
border-radius: 10px 20px 30px;
}
4. 4個值：分別為左上角、右上角、右下角和左下角的半徑，例如：
pre{
border-radius: 10px 20px 30px 40px;
}
此外，border-radius屬性還可以接受百分比作為值，例如：
pre{
border-radius: 50%;
}
這個值表示元素的四個角都是一個半徑為元素寬度的50%的圓角。
總結起來，border-radius屬性可以給HTML元素添加圓角效果，通過設置1個、2個、3個或4個值，可以實現(xiàn)不同的效果。此外，還可以使用百分比來設置圓角的半徑。