技术栈

用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源码前戏之配置文件是如何解析的?
相关推荐
ZC跨境爬虫
16 分钟前
跟着 MDN 学CSS day_40:(Flexbox实战技能测试)
前端·css·ui·html·tensorflow
ZC跨境爬虫
20 分钟前
跟着 MDN 学CSS day_36:(float、clear与BFC深度解析)
前端·javascript·css·ui·交互
ConardLi
40 分钟前
啊?我刚开源的 Skills 已经 7K Star 了?!
前端·人工智能·后端
糯米团子749
1 小时前
javascript高频知识点
开发语言·前端·javascript
道友可好
1 小时前
Git Worktree:一个仓库,多个分身
前端·后端·程序员
道友可好
1 小时前
AI 写代码太快了,快到你对齐不了它
前端·人工智能
无风听海
1 小时前
Bearer Token 权威指南:从原理到生产级安全实践
前端·javascript·安全
jerrywus
1 小时前
别只换模型!Claude Opus 4.8 努力控制 + Fast模式,真实能省钱3倍
前端·agent·claude
riuphan
1 小时前
JavaScript 类型判断完全指南
前端·javascript
Hilaku
2 小时前
前端工程师最终会变成 AI工程师?
前端·javascript·程序员
热门推荐
01GitHub 镜像站点022026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf03【AI】2026 年具身智能模型和世界模型总结04【踩坑记录 | 第一篇】微软商店无法使用时,如何手动安装 OpenAI Codex?附`.msix`文件系统错误解决方法05Codex 下载安装指南:Windows 和 macOS 官方版下载06裂开!ChatGPT 居然开始要手机号验证,附详细解决方法07CC-Switch & Claude 基于 Linux 服务器安装使用指南08Codex 接入 DeepSeek API 完整配置文档09几个好用的ip纯净度检测网站10CC-Switch 下载、安装与使用配置指南【2026.5.29】