css将div边角设置为圆角

CSS可以通过border-radius属性将div的边角设置为圆角。

div {
  border-radius: 10px;
}

上述代码将div的边角设置为10像素的圆角。如果要将所有四个边角的半径设置为相同的值，可以使用以下简写:

div {
  border-radius: 10px;
}

如果要分别设置每个边角的半径，需要按照以下方式指定：

div {
  border-top-left-radius: 10px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 40px;
}

上述代码将div的左上角设置为10像素的圆角，右上角设置为20像素的圆角，左下角设置为30像素的圆角，右下角设置为40像素的圆角。

通过border-radius属性设置圆角可以使网页元素更具视觉吸引力，同时也可以提高用户体验。