技术栈

用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源码前戏之配置文件是如何解析的?
相关推荐
无知就要求知
几秒前
golang实现ftp功能简单又实用
java·前端·golang
哥本哈士奇
4 分钟前
使用Gradio构建AI前端 - RAG召回测试
前端·人工智能
codingFunTime
5 分钟前
vue3 snapdom 导出图片和pdf
前端·javascript·pdf
成为大佬先秃头
12 分钟前
渐进式JavaScript框架:Vue 组件
前端·javascript·vue.js
程序员勾践
18 分钟前
前端仅传path路径给后端,避免攻击
前端
登山人在路上
18 分钟前
Vue 2 中响应式失效的常见情况
开发语言·前端·javascript
董世昌41
20 分钟前
创建对象的方法有哪些?
开发语言·前端
问道飞鱼
20 分钟前
【前端知识】前端项目不同构建模式的差异
前端·webpack·构建·开发模式·生产模式
be or not to be
25 分钟前
CSS 布局机制与盒模型详解
前端·css
runepic
39 分钟前
Vue3 + Element Plus 实现PDF附件上传下载
前端·pdf·vue
热门推荐
01从快手“12·22”直播攻击事件看:一次教科书式的业务层饱和攻击02GitHub 镜像站点033D 圣诞树网页代码04Linux下V2Ray安装配置指南05UV安装并设置国内源06在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)07电脑检测软件—图吧工具箱08Gemini3 生成的基于手势控制3D粒子圣诞树09jdk21下载、安装(Windows、Linux、macOS)10Claude Code Skills 实用使用手册