技术栈

用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源码前戏之配置文件是如何解析的?
相关推荐
切糕师学AI
4 分钟前
Vue 中 keep-alive 组件的生命周期钩子
前端·vue.js·keep-alive·生命周期·activated·deactivated
晚霞的不甘
26 分钟前
Flutter for OpenHarmony 布局核心:Row 与 Column 深度解析与实战
android·前端·javascript·flutter
Mr__Miss
27 分钟前
JMM中的工作内存实际存在吗?
java·前端·spring
huangql520
27 分钟前
【图文讲解】JavaScript二进制数据处理:从内存到类型化视图
前端
xiaozenbin
36 分钟前
关于tomcat9页面部分乱码的处理
前端·tomcat·firefox
Ulyanov
44 分钟前
Impress.js 3D立方体旋转个人年终总结设计与实现
开发语言·前端·javascript·3d·gui开发
榴莲不好吃
1 小时前
前端js图片压缩
开发语言·前端·javascript
切糕师学AI
1 小时前
Vue 中的 keep-alive 组件
前端·javascript·vue.js
可问春风_ren
1 小时前
Git命令大全
前端·javascript·git·后端
她说彩礼65万
1 小时前
Jquery总结
前端·javascript·jquery
热门推荐
01GitHub 镜像站点02OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)03Linux下V2Ray安装配置指南04Claude Code Skills 实用使用手册05UV安装并设置国内源06BongoCat - 跨平台键盘猫动画工具07Open Code教程(四)| 高级配置与集成08安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)09在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)10MC.JS 网页版《我的世界》 免安装中文版