1、参数值可以是数值或百分比
border-radius:50px/50%;
2、设置一个圆(设置成高度或宽度的一半)
width:200px;
height:200px;
border-radius:50%;
3、设置圆角矩形(设置成高度的一半)
height:100px;
border-radius:50px;
4、border-radius简写
//border-radius:左上角 右上角 右下角 左下角;
border-radius:10px 10px 10px 10px;
5、border-radius分开写
属性名 | 作用 |
---|---|
border-top-left-radius | 设置盒子左上角圆角边框 |
border-top-right-radius | 设置盒子右上角圆角边框 |
border-bottom-right-radius | 设置盒子左下角圆角边框 |
border-bottom-left-radius | 设置盒子右下角圆角边框 |