css怎么让div成圆的

CSS 圆角边框

CSS3 border-radius 属性允许您创建圆角边框。

div {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  background-color: red;
}

在上面的示例中，圆角半径被设置为50%，这意味着div元素将呈现为圆形。

CSS 圆角背景

您可以使用 CSS3 border-radius 属性来创建圆形背景，而无需使用包含图像的元素。

div {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  background-color: red;
}

您可以使用不同的属性值来定义椭圆形或不规则形状的背景。

CSS 圆角图像

CSS3 border-radius 属性可以与背景图像一起使用，以创建具有圆角的图像。

div {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  background-image: url('image.jpg');
  background-size: cover;
}

在上述示例中，背景图像被设置为

div {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  background: linear-gradient(90deg, red, blue);
}