下面小编就为大家带来一篇border-radius是向元素添加圆角边框的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

现象： 将div变为有一定幅度的圆形、椭圆形等 方法： 使用css的border-radius 属性进行设置 CSS3 border-radius 属性：向 div 元素添加圆角边框： 一：首先建立一个div 二：给div设置圆角边框的弧度 三：给div设置弧度为50%的时候 正方形就会变为圆形 四：如果给长方形设置50%的弧度 就会得到椭圆形 5：如果需要得到中间保持长方形的直线 两边设置为圆弧呢? 就使用像素px进行设置 而不是百分比设置 六：一次性标识所有角度进行不一样的设置

border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 不要以为border-radius的值只能用px单位，你还可以用百分比或者em，但兼容性目前还不太好。 实心上半圆： 方法：把高度(height)设为宽度(width)的一半，并且只设置左上角和右上角的半径与元素的高度一致(大于也是可以的)。 XML/HTML Code复制内容