当前位置:Gxlcms > html代码 > border-radius是向元素添加圆角边框的方法

border-radius是向元素添加圆角边框的方法

时间:2021-07-01 10:21:17 帮助过:47人阅读

border-radius:10px; /* 所有角都使用半径为10px的圆角 */

border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */

不要以为border-radius的值只能用px单位,你还可以用百分比或者em,但兼容性目前还不太好。

实心上半圆:

方法:把高度(height)设为宽度(width)的一半,并且只设置左上角和右上角的半径与元素的高度一致(大于也是可以的)。