美文网首页
css3 绘制扇形

css3 绘制扇形

作者: spencer_sun | 来源:发表于2020-05-24 14:01 被阅读0次

    css3 绘制扇形, 可使用利用border的属性,首先绘制一个原型, 然后使用border-color属性 设置一条边的颜色即可。

    <!DOCTYPE html>
    
    <html lang="en">
    
    <head>
    
        <meta charset="UTF-8">
    
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
    
        <title>sector</title>
    
        <style>
            .sector {
    
                width: 0;
    
                height: 0;
    
                border-width: 50px;
    
                border-style: solid;
    
                border-color: transparent transparent transparent #b5c4b1;
    
                border-radius: 50px
            }
        </style>
    
    </head>
    
    <body>
    
        <div class="sector"></div>
    
    </body>
    ```html

    相关文章

      网友评论

          本文标题:css3 绘制扇形

          本文链接:https://www.haomeiwen.com/subject/fqtjahtx.html