技术栈

用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源码前戏之配置文件是如何解析的?
相关推荐
灵感__idea
41 分钟前
Hello 算法:“走一步看一步”的智慧
前端·javascript·算法
吴文周
2 小时前
告别重复劳动:一套插件让 AI 替你写代码、修Bug、做测试、上生产
前端·后端·ai编程
Mh
3 小时前
我决定写一个 3D 地球仪来记录下我要去的地方
前端·javascript·动效
yaoxin521123
3 小时前
390. Java IO API - WatchDir 示例
java·前端·python
懒狗小前端
3 小时前
做了一个 codex 的中文文档网站,做的不好可以随便喷
前端·后端
. . . . .
4 小时前
ref、useRef 和 forwardRef
前端·javascript·react.js
energy_DT
4 小时前
2026年海上钻井平台数字孪生平台:引领海洋能源数字化转型
前端
Eric_见嘉
5 小时前
在职前端 Agent 配置分享
前端·后端·agent
柚子816
5 小时前
break跳出语句块的神奇技巧
前端·javascript
ejinxian
6 小时前
Rust GUI框架Azul与Electron、WebView2
前端·javascript·electron
热门推荐
01GitHub 镜像站点02近期有什么ai的新消息,新动态? 2026.4月032026年4月AI大事件深度解读:大模型竞争进入“深水区“042026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元052026年AI前瞻:量子AI、具身智能与科学发现的新纪元06codex app每次打开重连5次Reconnecting问题解决07AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析08CC-Switch & Claude 基于 Linux 服务器安装使用指南09在 OpenCode 中快速启用 DeepSeek V4 模型102026 年 AI 辅助编程工具全景对比:Copilot、Cursor、Claude Code 与 Codex 深度解析