/*用于设置圆角效果的 CSS 属性*/ border-radius: 5px;
以上就是最简单的设置圆角效果的基本代码,其中,border-radius就是设置边框的圆角大小,5px表示设置为圆角的弧度半径大小。
/*使用多个参数设置不同圆角效果*/ border-radius: 5px 0 0 5px;
使用多个参数可以达到不同的圆角效果,数字按顺序代表左上、右上、右下、左下四个角落的大小,其中0表示不设置圆角效果。以上代码表示左上角和左下角的半径为5px,右上角和右下角为0,不做圆角处理。
/*设置不同大小的圆角半径*/ border-radius: 5px 10px 0px 0px;
此处使用多个参数设置不同大小的圆角半径大小。以上代码表示左上角为5px,右上角为10px,左下角和右下角为0。
使用这些简单的 CSS 属性,大家就能很方便地制作各种形状和大小的圆角效果的框了。