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

问题描述

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

问题解答

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

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