div设置圆角#前端

要在 div元素上设置圆角，您可以使用 CSS 的 border-radius 属性。这个属性允许您指定元素的边角为圆角，可以将其应用于一个或多个边角。以下是一些示例代码：

1.设置所有四个边角为圆角：

div {  border-radius: 10px; /* 设置所有四个边角为10px的圆角 */}

2.分别设置每个边角的圆角半径：

div {  border-top-left-radius: 10px; /* 左上角圆角 */  border-top-right-radius: 20px; /* 右上角圆角 */  border-bottom-left-radius: 30px; /* 左下角圆角 */  border-bottom-right-radius: 40px; /* 右下角圆角 */}

在上述代码中，border-radius 属性用于设置圆角，值可以是像素（px）、百分比（%），或其他长度单位。您可以根据需要设置不同的圆角半径以获得所需的效果。在实际项目中，根据设计需求，您可以选择合适的圆角设置。