
画一个扇形图,使用常规方法可能很难画,但是用锥形渐变的话非常好画
<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>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
                


















