CSS给DIV加圆角非常容易，只需要使用border-radius属性即可。Border-radius属性允许您将元素的角落曲线，创建圆形或椭圆形的边框。border-radius有4个参数，按顺序分别作用于左上角、右上角、右下角、左下角。

/* 为一个div添加圆角 */
div {
border-radius: 10px;
}
/* 圆形边框 */
div {
border-radius: 50%;
}
/* 给每个角添加不同的半径 */
div {
border-radius: 10px 20px 30px 40px;
}
/* 当只有一个参数时，四个角使用相同的半径 */
div {
border-radius: 20px;
}

由此可见，使用border-radius属性可以轻松地将DIV变成圆形或椭圆形，同时还可以更灵活地调整每个角的半径大小，达到各种效果。在实际开发中，这个属性是非常实用的。