圆角边框-学思创

圆角边框

border-radius：

为一个盒子设置圆角边框就要用到border-radius属性，它能够可以同时设置1到4个值。

如果设置1个值，表示4个圆角都使用这个值。border-radius: 15px;

如果设置两个值，表示左上角和右下角使用第一个值，右上角和左下角使用第二个值。

css圆角边框代码：border-radius: 15px 30px;

如果设置三个值，表示左上角使用第一个值，右上角和左下角使用第二个值，右下角使用第三个值。

css圆角边框代码：border-radius: 15px 30px 5px;

如果设置四个值，则依次对应左上角、右上角、右下角、左下角（顺时针顺序）。

css圆角边框代码：border-radius: 15px 30px 5px 50px;