用html+css怎么画出一条不规则的曲线，将代码展示出来

可以使用CSS的贝塞尔曲线来画出不规则的曲线，代码如下：

<div class="curve"></div>

.curve {
  width: 200px;
  height: 200px;
  background-color: #ccc;
  border-radius: 50%;
  position: relative;
}

.curve::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  clip-path: path("M0,100 C50,0 150,0 200,100 L200,200 C150,200 50,200 0,100 Z");
}

这段代码会在一个圆形的div中画出一条不规则的曲线。

相关问题

css3画一条波浪曲线

很抱歉，作为AI语言模型，我无法提供图形，但我可以为您提供CSS3代码，您可以将其复制并粘贴到您的HTML文件中，以绘制一条波浪曲线：

.wave {
  position: relative;
  height: 80px;
  width: 100%;
  background-color: #fff;
}

.wave:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100% 50%;
  width: 200%;
  height: 200%;
  top: -50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #0073e6;
  animation: wave 2s linear infinite;
}

@keyframes wave {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

您可以在HTML文件中创建一个具有“wave”类的div元素，并将其放置在页面上，以显示波浪曲线。