CSS3 圆角边框

再次之前，我们说的都是矩形。现在再将下radius半径。

语法：border-radius:百分比或者圆的半斤大小;

<html>
    <head>
        <style>
            div {
                width:300px;
                height:300px;
                background-color:pink;
                margin: 100px auto;
                border-radius:50%或者150px;#能够让正方形变为圆
                #border-radius: 1px 10px 20px 30px;  按照顺时针的顺序     
　　　　　　　　　 #border-radius: 10px 0; 左上角和右下角为10px 右上角和左下角为0   
}
        </style>
    </head>
    <body>
        <div>
        </div>
    </body>
</html>

 

posted @ 2018-08-17 14:28  会开车的好厨师  阅读(58)  评论(0)    收藏  举报