CSS画几种图形的方法

在CSS中，可以使用以下几种方法画出几何图形：

1. 使用border属性画矩形、三角形等。
2. 使用transform画平行四边形、菱形等。
3. 使用clip-path画圆形、多边形等。
4. 使用linear-gradient和background-image画线、圆、椭圆、多边形等。

以下是一些示例代码：

1. 使用border画矩形：

.rectangle {
  width: 100px;
  height: 50px;
  border: 1px solid black;
}

2. 使用transform画平行四边形：

.parallelogram {
  width: 150px;
  height: 100px;
  transform: skew(-20deg);
  background-color: black;
}

3. 使用clip-path画圆形：

.circle {
  width: 100px;
  height: 100px;
  background-color: black;
  clip-path: circle(50%);
}

4. 使用linear-gradient和background-image画线：

.line {
  width: 200px;
  height: 50px;
  background-image: linear-gradient(to right, black 50%, transparent 50%);
}

这些方法可以画出各种简单的几何图形，但CSS本身不支持复杂的绘图操作，如果需要画更复杂的图形，通常需要借助其他技术，如SVG或Canvas。