用CSS实现一个扇形

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

css 复制代码
div{
    border: 100px solid transparent;
    width: 0;
    heigt: 0;
    border-radius: 100px;
    border-top-color: red;
}
相关推荐
尘世中一位迷途小书童2 分钟前
一套完整的给予ceium封装的组件库,可满足企业级开发
前端
Z_Wonderful2 分钟前
微前端:Webpack 配置 vs Vite 配置 超清晰对比
前端·webpack·node.js
码云数智-园园8 分钟前
HTTPS是如何工作的?从HTTP到HTTPS的加密演进
前端
隔窗听雨眠16 分钟前
HTML头部元信息避坑指南
前端·html
Gauss松鼠会23 分钟前
【openGauss】openGauss 磁盘引擎之 ustore
java·服务器·开发语言·前端·数据库·经验分享·gaussdb
LIO24 分钟前
前端响应式页面开发全攻略:核心技术 + 实现效果 + 实战指南
前端·响应式设计
得物技术40 分钟前
AI驱动:从运营行为到自动化用例的智能化实践|得物技术
前端·ai编程·全栈
前端那点事41 分钟前
Vue并发控制|几十个请求高效管控(实战方案+可运行代码)
前端·vue.js
妄想出头的工业炼药师44 分钟前
后端优化MS mapping
前端
前端那点事1 小时前
Vue大批量接口请求优化|告别卡顿、超时!前端落地实战指南
前端·vue.js