用CSS实现一个扇形

用CSS实现扇形的思路和三角形基本一致,就是多了一个圆角的样式,实现一个90°的扇形:

css 复制代码
div{
    border: 100px solid transparent;
    width: 0;
    heigt: 0;
    border-radius: 100px;
    border-top-color: red;
}
相关推荐
feixing_fx18 小时前
告别枯燥字体:Web 字体加载策略与 font-display 最佳实践
前端·css·前端框架·交互·css3
Liora_Yvonne18 小时前
不懂后端,只会 TypeScript,想独立做完整项目?这套全栈底座就是给前端准备的
前端·后端·全栈
前端Hardy18 小时前
GitHub 爆火!236K+ Star!一套 Skills 让 AI 按工程师方式写代码
前端·后端
烬羽18 小时前
AI Coding 全流程实战:从需求到上线,我用 AI 开发了一个 NPM 包
前端·react.js·ai编程
前进的程序员18 小时前
Codex破局:前端组件秒级生成|提速React/Vue开发,可复用提示词+实战调试经验
前端·vue.js·react.js·codex
前端snow19 小时前
ai agent ---output汇总
前端
4311媒体网19 小时前
帝国CMS网站自定义搭建技巧
服务器·开发语言·前端
JunjunZ19 小时前
Vue 3 文件预览的通用设计与实现
前端·vue.js
CappuccinoRose19 小时前
ES6+ 核心语法糖
前端·es6·解构·可选链·空值合并
两只羊ovo19 小时前
Promise.all 并发请求实战:从串行 await 到双段并行
前端