CSS中，我們可以使用border-radius屬性將邊框變?yōu)閳A形，這個屬性接受一個數(shù)值，表示圓角的半徑大小，如果只想讓四個角都變?yōu)閳A形，可以只給border-radius賦一個值，如果想讓不同的角變?yōu)椴煌膱A形，可以分別給border-radius的四個值賦不同的數(shù)。

如果我們想將一個元素的四個角都變?yōu)榘霃綖?0px的圓形，可以寫：

element {
  border-radius: 10px;
}

如果我們想讓一個元素的左上角和右下角變?yōu)榘霃綖?0px的圓形，而左下角和右上角不變，可以寫：

element {
  border-radius: 10px 0 0 10px;
}

如果我們想讓一個元素的邊框變?yōu)橐粋€完整的圓形，可以將border-radius的值設(shè)置為50%，這樣四個角都會變?yōu)榘雸A形：

element {
  border-radius: 50%;
}

需要注意的是，如果元素的寬度和高度不一致，那么圓形邊框的大小也會受到影響，如果元素的寬度和高度相等，那么圓形邊框的大小就會與元素的大小一致。