border-radius——圆角

一、基本信息

描述：边框的圆角

写法：boeder-radius:参数;

 

二、参数

1、参数个数

（1）一个参数：边框的四个角

（2）两个参数：左上右下   左下右上

（3）三个参数：左上    右上左下      右下

（4）四个参数：左上     右上      右下      左下

2、参数单位

（1）%

（2）px

3、XY轴半径

写法：boeder-radius:参数1/参数2;

描述：参数1为X轴半径，参数2为Y轴半径

border-radius:20px 40px 60px 80px/10px 20px 30px 40px;   斜杠前分别为四个角的X轴半径，斜杠后分别为四个角的Y轴半径