技术栈

用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源码前戏之配置文件是如何解析的?
相关推荐
liyf
16 小时前
发布-订阅(Publish–Subscribe) vs 观察者模式(Observer Pattern)
前端
云中雾丽
16 小时前
Flutter 里的 Riverpod 用法解析
前端
前端snow
17 小时前
记录:非常典型的一个redux问题
前端
慧一居士
17 小时前
src/App.vue 和 public/index.html 关系和区别
前端·vue.js
九十一
17 小时前
websocket的连接原理
前端·javascript
念你那丝微笑
17 小时前
vue实现批量导出二维码到PDF(支持分页生成 PDF)
前端·vue.js·pdf
Renounce
17 小时前
《Android Handler:线程间通信的核心实现》
前端
CAD老兵
17 小时前
打造高性能二维图纸渲染引擎系列(一):Batched Geometry 助你轻松渲染百万实体
前端·webgl·three.js
前端老宋Running
17 小时前
微信小程序的操作日志收集模块
前端
CAD老兵
17 小时前
打造高性能二维图纸渲染引擎系列(三):高性能 CAD 文本渲染背后的隐藏工程
前端·webgl·three.js
热门推荐
01两千字总结:Codex 国内如何安装和使用的教程,以及如何设置中文回答02BongoCat - 跨平台键盘猫动画工具03GitHub 镜像站点04UV安装并设置国内源05GitLab 零基础入门指南:从安装到项目管理全流程06Linux下V2Ray安装配置指南0746个Nano-banana 精选提示词,持续更新中08Labelme从安装到标注:零基础完整指南092025 最新教程:注册并切换到美区 Apple ID10UV 工具安装与国内镜像源配置指南