用CSS实现一个扇形

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

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