技术栈

用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源码前戏之配置文件是如何解析的?
相关推荐
独泪了无痕
7 分钟前
Vue3中防御XSS攻击的“特效药”-DOMPurify
前端·vue.js·安全
小小1992
18 分钟前
idea 配置less转化为css
前端·css·less
hhb_618
20 分钟前
Less嵌套避坑:优先级冲突实战解析
前端·css·less
云水一下
30 分钟前
Vue.js从零到精通系列(五):全局状态管理——Pinia 核心与实践
前端·javascript·vue.js
我不是外星人
38 分钟前
浅谈我对 AI 发展的看法
前端·ai编程·claude
甲维斯
1 小时前
测一波Kimi K2.7,消耗一周配额!
前端·人工智能·游戏开发
Dick507
1 小时前
ROS2 多机器人通用 Driver 层复盘:BaseRobotDriver 到多平台 Mock 切换实现
前端·javascript·机器人
xiaofeichaichai
2 小时前
前端安全 XSS 与 CSRF
前端·安全·xss
JS菌
2 小时前
Skills 动态加载系统:让 AI Agent 按需获取领域知识
前端·人工智能·后端
热门推荐
01HTTP 与 HTTPS 的区别:从原理到实战详解022026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?03【AI】2026 年具身智能模型和世界模型总结042026年6月AI行业全景:从百模大战到Agent元年,这30天发生了什么?05AI科技热点日报 | 2026年6月1日06《置身钉内》原文-可播放阅读07GitHub 镜像站点08Claude Code、Codex、Cursor三分天下:2026年AI编程Agent生态全景剖析092026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf10AI一周事件 · 2026-06-03 至 2026-06-09