CSS中如何設置圓角？設置圓角的方法是border-radius屬性。使用border-radius屬性，可以對元素的邊角進行圓角設置。

/*設置1個圓角*/
.rounded {
border-radius: 10px;
}
/*設置4個圓角*/
.rounded {
border-radius: 10px 20px 30px 40px;
}
/*設置2個相同的圓角*/
.rounded {
border-radius: 10px 20px 10px 20px;
}
/*設置2個不同的圓角*/
.rounded {
border-radius: 10px 20px 30px 20px / 5px 15px 25px 15px;
}

其中，border-radius: x，表示4個圓角都設置為x像素；border-radius: x y，表示左上和右下的圓角都設置為x像素，左下和右上的圓角都設置為y像素；border-radius: x y z w，表示分別設置左上、右上、右下、左下的圓角像素；border-radius: t/r/b/l / tr/br/bl/tl，表示設置上、右、下、左的圓角像素，再設置相應的組合圓角。