CSS3的border-radius属性用于设置元素的边框圆角。
语法:
border-radius: value;
其中value可以是一个具体的长度值,也可以是一个百分比值。
示例:
border-radius: 10px;
border-radius: 10px 20px;
border-radius: 10px 20px 30px;
border-radius: 10px 20px 30px 40px;
注意:
如果只设置一个值,则四个角的圆角都相等。
如果设置两个值,则第一个值为左上角和右下角的圆角,第二个值为右上角和左下角的圆角。
如果设置三个值,则第一个值为左上角的圆角,第二个值为右上角和左下角的圆角,第三个值为右下角的圆角。
如果设置四个值,则分别为左上角、右上角、右下角和左下角的圆角。