技术栈

用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源码前戏之配置文件是如何解析的?
相关推荐
IT_陈寒
12 分钟前
Java 性能优化:5个被低估的JVM参数让你的应用吞吐量提升50%
前端·人工智能·后端
南囝coding
24 分钟前
《独立开发者精选工具》第 018 期
前端·后端
小桥风满袖
1 小时前
极简三分钟ES6 - ES9中for await of
前端·javascript
半花
1 小时前
i18n国际语言化配置
前端
编程贝多芬
1 小时前
Promise 的场景和最佳实践
前端·javascript
Asort
1 小时前
JavaScript 从零开始(四):基础语法详解——从变量声明到数据类型的完全指南
前端·javascript
木木jio
1 小时前
前端大文件分片上传 —— 基于 React 的工程化实现
前端·javascript
南雨北斗
1 小时前
JS的对象属性存储器
前端
Lotzinfly
1 小时前
12个TypeScript奇淫技巧你需要掌握😏😏😏
前端·javascript·面试
开源之眼
1 小时前
React中,useState和useReducer有什么区别
前端
热门推荐
01GitHub 镜像站点02UV 工具安装与国内镜像源配置指南03UV安装并设置国内源0446个Nano-banana 精选提示词,持续更新中05A股预测还能更准?开源大模型Kronos带你跑通预测+回测全流程06KGG转MP3工具|非KGM文件|解密音频07解决 WSL Ubuntu 中 /etc/resolv.conf 自动重置问题08conda中设置镜像地址(附所有可换的地址)09Claude Code 平替:OpenAI发布 Codex CLI ,GPT-5 国内直接使用10智能库存管理的需求预测模型:从业务痛点到落地代码的完整实践