技术栈

用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源码前戏之配置文件是如何解析的?
相关推荐
Hooray
15 分钟前
2026年,站在职业生涯十字路口的我该何去何从?
前端·后端
小二·
16 分钟前
Python Web 开发进阶实战:安全加固实战 —— 基于 OWASP Top 10 的全栈防御体系
前端·python·安全
over697
23 分钟前
🌟 JavaScript 数组终极指南:从零基础到工程级实战
前端·javascript·前端框架
社恐的下水道蟑螂
24 分钟前
深入掌握 AI 全栈项目中的路由功能:从基础到进阶的全面解析
前端·react.js·全栈
米诺zuo
24 分钟前
Angular 18 核心特性速查表
前端
hey_ner
25 分钟前
进度条图表简单化
前端·css·css3
苏西的网络日志
27 分钟前
前端项目缓存控制与自动版本检查方案实现
前端
小遁哥
34 分钟前
通过AI从零开发RN到在安卓手机上运行
前端·react native·cursor
sure282
36 分钟前
react native中实现视频转歌
前端·react native
weipt
42 分钟前
关于vue项目中cesium的地图显示问题
前端·javascript·vue.js·cesium·卫星影像·地形
热门推荐
01GitHub 镜像站点02网站改了域名,如何查找?03Labelme从安装到标注:零基础完整指南04Linux下V2Ray安装配置指南05AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南06安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)07【踩坑笔记】50系显卡适配的 PyTorch 安装082025-04-03 Latex学习1——本地配置Latex + VScode环境09Netlify 的深度解析及使用指南10Overleaf编译超时,超出免费计划编译时限(已解决)