技术栈

用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源码前戏之配置文件是如何解析的?
相关推荐
web守墓人
14 小时前
【linux】Mubuntu v1.0.11更新日志
linux·前端
遇见你...
17 小时前
TypeScript
前端·javascript·typescript
Highcharts.js
17 小时前
Highcharts Grid 中文站正式上线:表格数据处理的全新选择
前端·javascript·数据库·表格数据·highcharts·可视化图表·企业级图表
懂懂tty
20 小时前
CRA 迁移 Rspack(实战)
前端·架构
小码哥_常
21 小时前
Kotlin 助力 Android 启动“大提速”
前端
GreenTea
21 小时前
AI 时代,工程师的不可替代性在哪里
前端·人工智能·后端
Jagger_
1 天前
能不能别再弄低代码害人了
前端
朦胧之
1 天前
AI 编程开发思维
前端·后端·ai编程
踩着两条虫
1 天前
VTJ:快速开始
前端·低代码·架构
木斯佳
1 天前
前端八股文面经大全:携程前端一面(2026-04-17)·面经深度解析
前端·状态模式
热门推荐
012026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元02GitHub 镜像站点032026 年 AI 编程助手全面对比评测:Cursor vs Copilot vs Claude Code vs GitHub Copilot Free042026年4月AI大事件深度解读:大模型竞争进入“深水区“05Claude Code Windows 兼容性问题:指定版本 2.1.112 可解决06AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析07UBUNTU Claude Code 报错 claude native binary not installed08近期有什么ai的新消息,新动态? 2026.4月09从限购到畅通:GLM-5.1 Coding Plan接入攻略10从零部署 Hermes Agent:一只"会成长的 AI 马"保姆级安装教程