用CSS实现一个扇形

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

css 复制代码
div{
    border: 100px solid transparent;
    width: 0;
    heigt: 0;
    border-radius: 100px;
    border-top-color: red;
}
相关推荐
狮子座的男孩3 分钟前
html+css基础:22、css3的新增文本属性(文本阴影/换行/溢出/修饰/描边)、新增渐变(线性渐变、径向渐变、重复渐变、渐变案例)
经验分享·css3·线性渐变·径向渐变·文本属性·新增渐变·重复渐变
雪忆·HL4 分钟前
CSS3知道这些就足够了
前端·css·css3
心机boy2294 分钟前
CSS3网格布局、过渡及2D效果
前端·javascript·css3
空白5 分钟前
自学HTML5+CSS3丨第三天丨详解SEO
前端·css3·html5
竺星瑜5 分钟前
CSS基础-CSS3
css·css3
oak隔壁找我5 分钟前
使用 json-server 快速创建一个完整的 REST API
前端·javascript
2401_836413145 分钟前
CSS2与CSS3布局方式比较
前端·css·css3
canjun_wen6 分钟前
CSS3 Flex 布局完全指南:从入门到精通,搞定现代网页布局
前端·css·css3
xun_li_7 分钟前
2024---2025年前端开发的就业现状及前景
css·html·css3·html5
IT、木易8 分钟前
css3 @media (prefers-holographic)查询的折叠屏自适应布局算法
前端·css·css3