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變成圓形或橢圓形，同時還可以更靈活地調整每個角的半徑大小，達到各種效果。在實際開發中，這個屬性是非常實用的。