一、CSS3边框
1、border-radius 圆角边框
按照顺时针的顺序去设置 左上角,右上角,右下角,左下角 ,值越大,圆角越圆。
①设置一个值,四个圆角同时变化
②设置两个值,第一个值为左上、右下圆角的值,第二个值为右上、左下圆角的值
(🔺 是对角关系)
③设置三个值,第一个值为左上圆角的值,第二个值为右上、左下圆角的值 ,第三个值为右下圆角的值
④设置四个值,按照左上、右上、右下、左下的顺时针顺序
按照顺时针的顺序去设置 左上角,右上角,右下角,左下角 ,值越大,圆角越圆。
①设置一个值,四个圆角同时变化
②设置两个值,第一个值为左上、右下圆角的值,第二个值为右上、左下圆角的值
③设置三个值,第一个值为左上圆角的值,第二个值为右上、左下圆角的值 ,第三个值为右下圆角的值
④设置四个值,按照左上、右上、右下、左下的顺时针顺序