手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

CSS3圆角边框的详细讲解border-radius

时间:2024-10-13 13:13:34

1、border-radius:10px;注:所有角都是用半径为10px的圆角。

CSS3圆角边框的详细讲解border-radius

2、border-radius:30px 40px 50px 60px;注:四个半径值分别表示:左上角 右上角 右下角 左下角 (顺时针);

CSS3圆角边框的详细讲解border-radius

3、border-raduis:20px 60px 40px;注:三个半径值分别表示:左上角 右上角和左下角 右小角。

CSS3圆角边框的详细讲解border-radius

4、border-radius:60px/40px;注:这两个半径值分别代表是水平/垂直方向的半径

CSS3圆角边框的详细讲解border-radius

5、border-raduis的单位不只是PX,它还可以是百分比或者em,但兼容性不太好。

© 手抄报圈