用CSS实现一个扇形

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

css 复制代码
div{
    border: 100px solid transparent;
    width: 0;
    heigt: 0;
    border-radius: 100px;
    border-top-color: red;
}
相关推荐
阿鑫_996几秒前
通用-ESLint+Prettier基础知识
前端·后端
ai超级个体6 分钟前
金三银四,一个面试官连连夸赞的个人网页技术分享
前端·面试·three.js·threejs·网页设计·网页灵感·网页分享
Oneslide6 分钟前
块级元素竖向堆叠且宽度默认会撑满其父容器的可用宽度
前端
i建模11 分钟前
npm使用大全
前端·npm·node.js
李剑一12 分钟前
Cesium 实现园区水景!3 种水面效果,Water 材质 5 分钟搞定
前端·vue.js·cesium
kgduu23 分钟前
js之错误处理
开发语言·前端·javascript
德莱厄斯23 分钟前
Milkup 技术内幕:一个 Typora 风格的即时渲染 Markdown 编辑器是怎样炼成的
前端·javascript·markdown
Mintopia33 分钟前
架构师的心胸:把分歧装进系统,把人放在方案前
前端·架构
亿元程序员34 分钟前
不是说现在AI很牛吗,怎么连个高光Shader效果都写不好?
前端
孟祥_成都38 分钟前
金三银四,一个面试官连连夸赞的个人网页技术分享
前端·面试·three.js