技术栈

用CSS实现一个扇形

小彭努力中2024-03-08 14:07

用CSS实现扇形的思路和三角形基本一致,就是多了一个圆角的样式,实现一个90°的扇形:

css 复制代码
div{
    border: 100px solid transparent;
    width: 0;
    heigt: 0;
    border-radius: 100px;
    border-top-color: red;
}
上一篇:[go 面试] 为并发加锁:保障数据一致性(分布式锁)
下一篇:Mybatis源码前戏之配置文件是如何解析的?
相关推荐
www_stdio
7 分钟前
JavaScript 执行机制详解:从 V8 引擎到执行上下文
前端·javascript
我命由我12345
19 分钟前
HTML - 换行标签的 3 种写法(<br>、<br/>、<br />)
前端·javascript·css·html·css3·html5·js
暮冬十七
25 分钟前
[特殊字符] Vue3 项目最佳实践:组件命名、目录结构与类型规范指南
前端·前端架构·vue3项目搭建
F_Director
29 分钟前
简说Vue3 computed原理
前端·vue.js·面试
行走的陀螺仪
38 分钟前
Flutter 开发环境配置教程
android·前端·flutter·ios
焦糖小布丁
40 分钟前
代码签名证书如何有效消除Windows系统警告?
前端
icebreaker
1 小时前
重新思考 weapp-tailwindcss 的未来
前端·javascript·css
焦糖小布丁
1 小时前
为什么IP地址SSL证书比域名证书更贵?
前端
光影少年
1 小时前
WEBNN是什么,对前端工程带来哪些优势
前端·web3·web
djk8888
1 小时前
极简后台框架
前端·css·css3
热门推荐
01GitHub 镜像站点02综合整理:pdf预览显示:你尝试预览的文件可能对你的计算机有害。如果你信任此文件以及其来源,请打开此文件以看其内容,如何解决以正常预览文件03UV安装并设置国内源04Linux下V2Ray安装配置指南05npm使用国内淘宝镜像的方法06安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)07BongoCat - 跨平台键盘猫动画工具08NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南09《大数据技术原理与应用》实验报告三 熟悉HBase常用操作10GitLab 零基础入门指南:从安装到项目管理全流程