Can we do a vertical line with curve in CSS?-CodePudding

Ive been searching for an answer if we can create a vertical line with curve but was not able to have found anything, maybe the community can help me with this.

I like to create a line like this

CodePudding user response：

Is this what you are looking for? border: px dashed color mixed with border-radius

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

<div></div>

With only one dashed side:

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>