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属性不管用什么单位写代码其效果都是一样的。