我们可以在 CSS 中做一条带曲线的垂直线吗？

Question

我一直在寻找一个答案，如果我们可以用曲线创建一条垂直线，但没有找到任何东西，也许社区可以帮助我。

我喜欢这样创建一条线

Answer 1

这是您要找的吗？ border: px dashed color 与 border-radius

混合

div {
    margin: 5px;
    display: inline-block;
    width: 300px;
    height: 300px;
    border: 1px dashed #000;
    border-radius: 50px;
}

<div></div>

只有一条虚线：

div {
    margin: 5px;
    display: inline-block;
    width: 30px;
    height: 300px;
    border-top: 1px dashed #000;
    border-left: 1px dashed #000;
    border-radius: 50px 0 0 0;
}

<div></div>

我们可以在 CSS 中做一条带曲线的垂直线吗？

Can we do a vertical line with curve in CSS?

html

css

curve

line