您的位置：首页技术文章
文章详情页

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

浏览：140日期：2023-07-04 15:47:26

问题描述

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

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

问题解答

回答1：

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

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

标签： HTML
上一条：css3 - 伪元素选择器优先级真的等同于元素的优先级吗？下一条：css3 - css媒体查询
相关文章：
1. 在windows下安装docker Toolbox 启动Docker Quickstart Terminal 失败！2. dockerfile - [docker build image失败- npm install]3. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题4. javascript - 怎么实现让 div 里面的 img 元素 中心居中, 如下示例图5. java如何高效读写10G以上大文件6. python - pyspider的分布式运行成功，2台slave跑，但是时间并没有缩短问题？7. css3 隱藏文本8. android - viewpager问题PagerTabStrip样式9. javascript - vue-router怎么不能实现跳转呢10. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下
排行榜
Docker for Mac 创建的dnsmasq容器连不上/不工作的问题
Docker for Mac 创建的dnsmasq容器连不上/不工作的问题
1. 在windows下安装docker Toolbox 启动Docker Quickstart Terminal 失败！
2. dockerfile - [docker build image失败- npm install]
3. javascript - 前端如何通过ajax和node.js交互？
4. python 字符串匹配问题
5. java如何高效读写10G以上大文件
6. css3 隱藏文本
7. javascript - vue-router怎么不能实现跳转呢
8. 关docker hub上有些镜像的tag被标记““This image has vulnerabilities””
9. docker不显示端口映射呢？
10. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下
热门标签