html - 怎么实现css画半圆边框

Question

怎么实现让圆形切成可自定义长度边框(如图)

Answer 1

width: 50px;
height: 100px;
border: 1px solid black;
border-radius: 100% 0 0 100%/50%;
border-right: none;

border-radius， 可以指定4个值， 从左上角顺时针应用， 用分号隔开就是 横轴圆角半径 / 纵轴圆角半径