圆角

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>圆角</title>
        <style type="text/css">
            .box{
                width: 200px;
                height: 200px;
                background-color: #87CEEB;
                /* 
                    圆角
                        border-radius需要一个长度值,指定的是圆角的半径
                */
                border-radius: 50px 20px;
            }
        </style>
    </head>
    <body>
        <div class="box"></div>
    </body>
</html>

 

posted @ 2022-05-11 21:08  氯丙嗪  阅读(10)  评论(0)    收藏  举报