css设置不同的形状的div

可以使用CSS的`border-radius`属性来设置不同形状的div。以下是一些常见的形状示例：

1. 圆形：

div {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

2. 椭圆形：

div {
  width: 200px;
  height: 100px;
  border-radius: 50%/100%;
}

3. 三角形：

div {
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 50px solid red;
  border-left: 50px solid transparent;
}

4. 梯形：

div {
  width: 100px;
  height: 0;
  border-top: 50px solid red;
  border-right: 25px solid transparent;
  border-bottom: 50px solid red;
  border-left: 25px solid transparent;
}

5. 菱形：

div {
  width: 100px;
  height: 100px;
  transform: rotate(45deg);
}

以上是一些常见的形状示例，你可以根据需要调整参数来得到你想要的不同形状的div。