技术栈

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