CSS修飾四個角的方法

在CSS中，我們可以使用border-radius屬性來修飾四個角，border-radius屬性可以設(shè)置一個元素四個角的圓角程度，下面是一些示例代碼：

1、設(shè)置四個角為直角（無圓角）：

.box {
  border-radius: 0;
}

2、設(shè)置四個角為相等的圓角：

.box {
  border-radius: 10px;
}

3、設(shè)置四個角為不相等的圓角：

.box {
  border-radius: 10px 20px 30px 40px;
}

上述代碼中，border-radius屬性的值分別表示左上角、右上角、右下角和左下角的圓角程度，如果只有一個值，則表示四個角的圓角程度相等，如果有四個值，則分別表示四個角的圓角程度。

我們還可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius屬性來分別設(shè)置四個角的圓角程度，這些屬性的值與border-radius屬性的值相同。

希望這篇文章能幫助你更好地使用CSS來修飾四個角。