用CSS实现一个扇形

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

css 复制代码
div{
    border: 100px solid transparent;
    width: 0;
    heigt: 0;
    border-radius: 100px;
    border-top-color: red;
}
相关推荐
哆啦A梦158813 小时前
商城后台管理系统 07 商品列表-分页实现
前端·javascript·vue.js
爱因斯坦乐13 小时前
【若依】前后端分离添加导入
java·前端·javascript
Cache技术分享13 小时前
267. Java 集合 - Java 开发必看:ArrayList 与 LinkedList 的全方位对比及选择建议
前端·后端
答案answer13 小时前
Vue3项目集成monaco-editor实现浏览器IDE代码编辑功能
前端·vue.js
爱上妖精的尾巴13 小时前
6-1WPS JS宏 new Set集合的创建
前端·后端·restful·wps·js宏·jsa
绝世唐门三哥13 小时前
Vue 自定义指令完全指南(含 Vue2/Vue3 对比 + 完整 Demo)
前端·javascript·vue.js
uhakadotcom14 小时前
Tomli 全面教程:常用 API 串联与实战指南
前端·面试·github
Asurplus14 小时前
【VUE】15、安装包管理工具yarn
前端·vue.js·npm·node.js·yarn
liangshanbo121514 小时前
Mac M3 安装 Antigravity Agent “已损坏“ 问题解决方案
前端·macos·antigravity
sszdlbw14 小时前
前后端在服务器的部署
运维·服务器·前端·后端