用CSS实现一个扇形

用CSS实现扇形的思路和三角形基本一致,就是多了一个圆角的样式,实现一个90°的扇形:

css 复制代码
div{
    border: 100px solid transparent;
    width: 0;
    heigt: 0;
    border-radius: 100px;
    border-top-color: red;
}
相关推荐
呃m6 分钟前
更好地使用Google Chrome
前端·chrome
巧克力芋泥包6 分钟前
Vue3 详情页跨页循环(上一条,下一条)导航功能实现
前端·javascript·vue.js
前端之虎陈随易23 分钟前
前端通用插件开发工具unplugin v3.0.0发布
前端·typescript
Ashley_Amanda24 分钟前
SAP调用Web Service全流程详解
java·前端·数据库
Dreamy smile26 分钟前
css :nth-child() 完全用法指南
前端·css
Southern Wind28 分钟前
从零开始封装一个优雅的图片上传组件 - 二次改装 Layui-Upload 的教程(附完整封装代码)
前端·javascript·html·layui·css3
小白菜学前端29 分钟前
Vue3 + TS 解决 ESLint 与 Prettier 格式化冲突
前端·javascript·vue.js
第二只羽毛35 分钟前
搜索引擎项目
大数据·前端·c++·搜索引擎·vim
The_era_achievs_hero38 分钟前
封装api方法(全面)
前端·javascript·uni-app·api·封装接口
Mr Xu_43 分钟前
深入解析 getBoundingClientRect 与 offsetTop:解决 Vue 平滑滚动偏移误差问题
前端·javascript·vue.js