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

问题描述

问 题

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

解决方案

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

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

这篇关于html - 怎么实现css画半圆边框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！