CSS锥形渐变：conic-gradient()

画一个扇形图，使用常规方法可能很难画，但是用锥形渐变的话非常好画


<style>
    .pattern{
        width: 100px; height: 100px;
        border-radius: 50%;
        background: conic-gradient(
                yellow 30deg  , black  30deg  , 
                black  90deg  , yellow 90deg  ,
                yellow 150deg , black  150deg , 
                black  210deg , yellow 210deg , 
                yellow 270deg , black  270deg , 
                black  330deg , yellow 330deg , 
                yellow 360deg );
    }
style>
<body>
    <div class="pattern">div>
body>

相关阅读:
2760.最长奇偶子数组
java调用python文件的几种方式【超细讲解！】
解析javascript中的for in和for of
第一个springboot程序
vue3的Watch使用详解
整理了整整1个月Java面试手册，上传到Git上目前star数达到了30K+
BootStrap-前端框架
vue实现左侧拖拽拉伸，展开收起
[附源码]计算机毕业设计springboot防疫物资捐赠
Linux c编程之UDP通信

原文地址：https://blog.csdn.net/m0_53785610/article/details/136335188