扇形 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
                #circle{
                width:10px;
                height:10px;
                border-radius:100px;
                border-width:100px;
                border-style:solid;
                border-color: red blue green yellow;
                line-height:99em;
                overflow:hidden;
                cursor:pointer;
                margin: 10px auto;
                }
        </style>
    </head>
    <body>
            <div id="circle">11</div>
    </body>
</html>

 

posted @ 2018-09-02 22:42  所爱隔山隔海  阅读(130)  评论(0)    收藏  举报