CSS画一条弯的线，不仔细看可能会觉得很复杂，但是实际上只需要掌握一些基本的CSS属性就可以完成。现在，我们就来一步步地学习吧。

.curve {
width: 300px;  /* 设置画布的宽度 */
height: 100px; /* 设置画布的高度 */
border: 1px solid #000; /* 为了方便查看效果，给画布加一个边框 */
position: relative; /* 设置为相对定位，以便在画布上进行定位 */
}
.curve::before { /* 使用伪元素（::before），代表要绘制的曲线 */
content: ""; /* 必须有content属性，否则伪元素不会生成 */
position: absolute; /* 设置为绝对定位，以便在画布上进行定位 */
width: 100%; /* 使用宽度为100%，使得曲线可以占据整个画布 */
border-top: 3px solid #000; /* 绘制一条顶部边框，用来做曲线的边缘 */
border-bottom: none; /* 去掉底部边框，这样曲线就可以弯曲了 */
border-radius: 50%/100px 100px 0 0; /* 使用border-radius属性，控制曲线的形状 */
}

以上就是掌握的基本的CSS属性。但是，让曲线弯曲到想要的形状还需要进一步调整。可以通过修改border-radius属性的值，来调整曲线的形状。

注意，这里的border-radius属性值中，左上角和右上角的值必须相等，否则曲线无法像弯曲的样子。

最后，将以上CSS代码插入到HTML文件中，添加一个div元素，并将class设置为curve，即可在画布上绘制一条弯曲的线了。