CSS3圆角边框的设置

圆角边框的使用

border-radius：值;

圆角边框的设置

单个值

border-radius：10px;

同时设置四个边框圆角

两个值，八个参数

boder-radius : 10px 20px 30px 40px / 10px 20px 30px 40px

前四个参数设置四个角的水平参数，
后面四个参数设置四个角的垂直参数
顺序是顺时针，左上，右上，右下，左上

一个值，四个参数

 boder-radius : 10px 20px 30px 40px

同时设置四个角水平+垂直参数

一个值，两个参数

boder-radius : 10px 20px 

设置对角的参数，
第一个值设置左上角，右下角
第二个值设置右上角，左下角

一个值，三个个参数

  boder-radius : 10px 20px /20px

水平参数 左上角，右下角10px
水平参数右上角，左下角 20px
垂直参数全是20px

方法比较多，灵活运用才是最棒的

 boder-radius : 10px 20px 30px  40px  /20px 30px