css+div是页面设计的法宝，通过css+div能够设计出各种功效！本文给大家简朴介绍下css圆角边框怎么设置，大家可以参考，也可以直接拿过去采用，当然要改动下具体的参数。

border-radius 属性可以承受一到四个值。条例如下：

圆角边框（border-radius）的根本用法：border-radius 属性是一个简写属性，用于设置四个圆角的属性。

圆角边框的最根本用法就是设置四个雷同弧度的圆角。

四个值 - border-radius 15px 50px 30px 5px;（依次差别用于：左上角、右上角、右下角、左下角）：

三个值 - border-radius 15px 50px 30px;（第一个值用于左上角，第二个值用于右上角和左下角，第三个用于右下角）：

两个值 - border-radius 15px 50px;（第一个值用于左上角和右下角，第二个值用于右上角和左下角）：

一个值 - border-radius 15px;（该值用于所有四个角，圆角都是一样的）：

以下是css圆角边框具体的代码实例：

rcorners1 {

border-radius 15px 50px 30px 5px;

background 73AD21;

padding 20px;

th 200px;

height 150px;

}

上面的css代码，大家可以直接拿去用，至于像15px、50px等这些数据，大家可以通过测试看看具体需要多大数字，这里给出的数字只是参考。

现在大家应该知道css圆角边框怎么设置了吧！结算起来很简朴，设置css圆角边框就是设置border-radius的值，设置的数字差异，圆角的大小也差异。通过设计css圆角边框，我们就不需要再用带框的底细图片，这不仅让页面设计更加简朴，同时也有利于提升页面加载的速度。