技术栈

用CSS实现一个扇形

小彭努力中2024-03-08 14:07

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

css 复制代码
div{
    border: 100px solid transparent;
    width: 0;
    heigt: 0;
    border-radius: 100px;
    border-top-color: red;
}
上一篇:[go 面试] 为并发加锁:保障数据一致性(分布式锁)
下一篇:Mybatis源码前戏之配置文件是如何解析的?
相关推荐
北辰alk
13 分钟前
Vue 自定义指令生命周期钩子完全指南
前端·vue.js
是小崔啊
14 分钟前
03-vue2
前端·javascript·vue.js
学习非暴力沟通的程序员
33 分钟前
Karabiner-Elements 豆包语音输入一键启停操作手册
前端
Jing_Rainbow
41 分钟前
【 前端三剑客-39 /Lesson65(2025-12-12)】从基础几何图形到方向符号的演进与应用📐➡️🪜➡️🥧➡️⭕➡️🛞➡️🧭
前端·css·html
刘羡阳
44 分钟前
使用Web Worker的经历
前端·javascript
!执行
1 小时前
高德地图 JS API 在 Linux 系统的兼容性解决方案
linux·前端·javascript
Gooooo
1 小时前
现代浏览器的工作原理
前端
kk晏然
1 小时前
TypeScript 错误类型检查,前端ts错误指南
前端·react native·typescript·react
纆兰
2 小时前
汇款单的完成
前端·javascript·html
Lsx_
2 小时前
案例+图解带你遨游 Canvas 2D绘图 Fabric.js🔥🔥(5W+字)
前端·javascript·canvas
热门推荐
01GitHub 镜像站点02Linux下V2Ray安装配置指南03网站改了域名,如何查找?04Labelme从安装到标注:零基础完整指南05AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南06UV安装并设置国内源07安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)08Claude Code Skills 实用使用手册09百度网盘偷偷给电脑“降频”?10MC.JS:基于Web技术的网页版《我的世界》,免安装在线畅玩,支持存档