技术栈

用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源码前戏之配置文件是如何解析的?
相关推荐
walking957
1 分钟前
重新学习前端之设计模式与架构
前端·javascript·面试
walking957
4 分钟前
重新学习前端之TypeScript
前端·javascript·面试
walking957
4 分钟前
重新学习前端之Linux
前端·vue.js·面试
walking957
5 分钟前
重新学习前端之CSS
前端·vue.js·面试
walking957
5 分钟前
重新学习前端之Git
前端·vue.js·面试
walking957
5 分钟前
重新学习前端之小程序
前端
魔术师Grace
7 分钟前
AI让我退化成原始人了
前端·程序员
铁皮饭盒
8 分钟前
今天你会学到这些关键词
前端·后端
李剑一
9 分钟前
耗时 2 小时!我复刻了全网超火的通透 3D 水晶球动效,Vue3+Three.js 做出高级视觉特效
前端·three.js
oil欧哟
16 分钟前
🤔 很长时间没写文章了,分享一下最近的一些思考
前端·后端
热门推荐
01要裂开了!ChatGPT要手机号验证了?注册Codex要求验证电话号码怎么办?2026年登陆Codex要手机号验证的解决办法02GitHub 镜像站点03Codex 接入 DeepSeek API 完整配置文档04零基础教你claude code 接入 deepseek V405Linux 核弹级高危漏洞 CVE-2026-31431 完整修复指南06CVE-2026-31431 (Copy Fail) 漏洞复现与验证记录07裂开!ChatGPT 居然开始要手机号验证,附详细解决方法08CC-Switch & Claude 基于 Linux 服务器安装使用指南09【AI】2026 年具身智能模型和世界模型总结102026 年 AI 辅助编程工具全景对比:Copilot、Cursor、Claude Code 与 Codex 深度解析