技术栈

用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源码前戏之配置文件是如何解析的?
相关推荐
喵叔哟
几秒前
12-调用OpenAI-API
前端·人工智能·.net
m0_70665323
几秒前
如何准确判断Mac电池寿命并决定更换时机
前端·html
青莳吖
4 分钟前
vue封装el-table通用的可编辑单元格,如下拉框、输入框
前端·javascript·vue.js
漂流瓶jz
6 分钟前
CSS Modules完全指南:CSS模块化的特性,生态工具和实践
前端·javascript·css
Shi_haoliu
9 小时前
openClaw源码部署-linux
前端·python·ai·openclaw
程序员小寒
9 小时前
前端性能优化之白屏、卡顿指标和网络环境采集篇
前端·javascript·网络·性能优化
烛阴
10 小时前
Claude CLI AskUserQuestion 工具详解:让 AI 开口问你
前端·claude
wal1314520
10 小时前
OpenClaw教程(九)—— 彻底告别!OpenClaw 卸载不残留指南
前端·网络·人工智能·chrome·安全·openclaw
mon_star°
10 小时前
在TypeScript中,接口MenuItem定义中,为什么有的属性带问号?,有的不带呢?
前端
热门推荐
01GitHub 镜像站点02Qwen3.5 开源全解析:从 0.8B 到 397B,代际升级 + 全场景选型指南03OpenClaw 使用和管理 MCP 完全指南04UV安装并设置国内源05OpenClaw Control UI安全上下文访问配置06小黑课堂计算机二级WPSoffice题库软件下载安装教程(2026年3月最新版)07OpenClaw macOS 完整安装与本地模型配置教程(实战版)08Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services09本地部署 OpenClaw + DeepSeek-R1 完全指南10AI 编程三剑客:Spec-Kit、OpenSpec、Superpowers 深度对比与实战指南