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

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

浏览：195日期：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. docker gitlab 如何git clone？2. dockerfile - [docker build image失败- npm install]3. javascript - c#如何向js传值4. java - mybatis怎么实现在数据库中有就修改,没有就添加5. node.js - mongoDB使用$gte的问题6. 我在centos容器里安装docker，也就是在容器里安装容器，报错了？7. java中关于直接插入排序遇到的问题。8. node.js - nodejs和前端JavaScript 字符串处理结果不一样是什么原因？9. javascript - npm run build后调用api返回index.html10. nignx - docker内nginx 80端口被占用
排行榜
javascript - c#如何向js传值
javascript - c#如何向js传值
1. java - mybatis怎么实现在数据库中有就修改,没有就添加
2. docker gitlab 如何git clone？
3. dockerfile - [docker build image失败- npm install]
4. 我在centos容器里安装docker，也就是在容器里安装容器，报错了？
5. docker安装后出现Cannot connect to the Docker daemon.
6. nignx - docker内nginx 80端口被占用
7. node.js - mongoDB使用$gte的问题
8. angular.js - angular内容过长展开收起效果
9. node.js - nodejs和前端JavaScript 字符串处理结果不一样是什么原因？
10. javascript - npm run build后调用api返回index.html
热门标签