border-radius属性

                            border-radius属性

 

 

 

 border-radius属性其实是border-top-left-radius、border-top-right-radius、border-bottom-right-radius、border-bottom-left-radius四个属性的简写模式，所以，border-radius : 50px;，其实就相当于border-radius : 50px 50px 50px 50px;，但是各个数字之间要用空格隔开，不然是不会有效果的哦！

这里要注意border-radius属性四个数值的书写顺序， border-radius采用的是左上角、右上角、右下角、左下角的书写顺序。

 

如下图所示：

 

border-radius属性代码如下：

border-radius属性效果图如下：

     除了用px作为单位外还可以用%做单位

代码如下：

效果图如下：

    border-radius属性不管用什么单位写代码其效果都是一样的。