在CSS中，圓角是非常常見的設計元素之一。圓角可以使網頁更加美觀，不再單調平面。在過去，實現圓角需使用圖片或JavaScript，但現在，CSS中的border-radius屬性已經為我們帶來了更加簡單、靈活的方法。

border-radius的語法如下：

selector {
border-radius: value(s);
}

其中，value(s)可以是一個或多個值，表示四個圓角分別的半徑大小。如果是一個值，則四個圓角的半徑都相等。如果是兩個值，則第一個值表示水平方向的圓角半徑，第二個值表示垂直方向的圓角半徑。如果是四個值，則依次表示左上、右上、右下、左下四個圓角的半徑。

除了border-radius屬性，還有其他與圓角有關的CSS屬性：

• border-top-left-radius: 左上角圓角半徑
• border-top-right-radius: 右上角圓角半徑
• border-bottom-left-radius: 左下角圓角半徑
• border-bottom-right-radius: 右下角圓角半徑

border-radius屬性在實現圓角時非常實用，尤其是在響應式設計中，可以實現元素的自適應大小和圓角的同時。同時，使用border-radius還可以避免因為圖片圓角失真而導致的低品質感。