技术栈

用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源码前戏之配置文件是如何解析的?
相关推荐
馬致远
6 分钟前
Vue TodoList 待办事项小案例(代码版)
前端·javascript·vue.js
一字白首
22 分钟前
Vue 进阶,Vuex 核心概念 + 项目打包发布配置全解析
前端·javascript·vue.js
栀秋666
25 分钟前
从前端送花说起:HTML敲击乐与JavaScript代理模式的浪漫邂逅
前端·javascript·css
刘同学有点忙
26 分钟前
国际化语言包与Excel自动化双向转换方案
前端
bm90dA
26 分钟前
前端小记:Vue3引入mockjs开发
前端
渔_
26 分钟前
SCSS 实战指南:从基础到进阶,让 CSS 编写效率翻倍
前端
Syron
27 分钟前
为什么微应用不需要配置 try_files?
前端
前端老宋Running
28 分钟前
别再写 API 路由了:Server Actions 才是全栈 React 的终极形态
前端·react.js·架构
王小酱
28 分钟前
Cursor 的 Debug模式的核心理念和使用流程
前端·cursor
前端老宋Running
29 分钟前
跟“白屏”说拜拜:用 Next.js 把 React 搬到服务器上,Google 爬虫都要喊一声“真香”
前端·react.js·架构
热门推荐
01GitHub 镜像站点02【AutoGLM部署】本地私有化部署AI手机Agent03UV安装并设置国内源04【超详细教程】手把手教你从微软官网免费下载Windows 10官方原版ISO镜像(2025最新版)05Open-AutoGLM Windows 安装部署教程06Linux下V2Ray安装配置指南07Cursor 又偷偷更新,这个功能太实用:Visual Editor for Cursor Browser08安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)09BongoCat - 跨平台键盘猫动画工具10Windows 11 官方系统安装与重装完整教程(2025年最新版)