用CSS实现一个扇形

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

css 复制代码
div{
    border: 100px solid transparent;
    width: 0;
    heigt: 0;
    border-radius: 100px;
    border-top-color: red;
}
相关推荐
一川_1 分钟前
从 Vue 构建错误到深度解析:::v-deep 引发的 CSS 压缩危机
css·前端工程化
m0_6398171521 分钟前
基于springboot纺织品企业财务管理系统【带源码和文档】
java·服务器·前端
石小石Orz23 分钟前
qinkun的缓存机制也有弊端,建议官方个参数控制
前端
apollo_qwe32 分钟前
针对Element UI 浏览器自动填充账号密码导致的白色背景问题修复方案,这是CSS自动填充样式覆盖的经典问题
css
用户40993225021232 分钟前
Vue浅响应式如何解决深层响应式的性能问题?适用场景有哪些?
前端·ai编程·trae
CC码码33 分钟前
重生之我在浏览器里“蹦迪”
前端·javascript·three.js
阡陌昏晨35 分钟前
H5性能优化-打开效率提升了62%
前端·javascript·vue.js
鹏北海35 分钟前
TypeScript 类型工具与 NestJS Mapped Types
前端·后端·typescript
烟袅35 分钟前
一文搞懂 CSS 定位:relative、absolute、fixed、sticky
前端·css
孟祥_成都36 分钟前
你离前端动画高手只差这个秘籍!GSAP ScrollTrigger 动画完全指南!(第一章)
前端·动效