border-radius

border-radius是一种CSS属性，用于设置元素的圆角。它可以应用于各种元素，如div、按钮、图像等。通过设置border-radius属性，可以使元素的边角变得圆滑。

border-radius属性可以接受一个或多个值来定义元素的圆角程度。如果只指定一个值，它将被应用于所有四个角。如果指定两个值，第一个值将应用于左上角和右下角，第二个值将应用于右上角和左下角。如果指定四个值，它们将按顺序应用于左上、右上、右下和左下角。

示例：

div {
  border-radius: 10px; /* 所有四个角都是10像素的圆角 */
}

button {
  border-radius: 5px 10px; /* 左上角和右下角是5像素的圆角，右上角和左下角是10像素的圆角 */
}

img {
  border-radius: 50%; /* 将图像设置为圆形 */
}

通过使用border-radius属性，您可以根据需要轻松地创建不同形状的元素。希望这能回答您的问题！如果您有任何其他问题，请随时提问。

相关问题

BORDER-RADIUS

BORDER-RADIUS是CSS中用来设置元素圆角的属性。它可以接受一个或多个值，每个值代表一个圆角的半径大小。例如，border-radius: 10px; 表示四个角的圆角半径都是10像素。如果只想设置某一个角的圆角半径，可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius、border-bottom-right-radius这四个属性来分别设置。