border-radius添加圆角边框的方法_WEB开发

当前位置: 主页 > 网页制作 > WEB开发 >

border-radius添加圆角边框的方法

来源:网络作者:佚名点击: 次时间:2017-08-01 21:40

[摘要] border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、……

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

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

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

实心上半圆：

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

XML/HTML Code复制内容到剪贴板

标签： 网页制作

相关内容

------分隔线----------------------------

栏目列表

推荐内容

热点内容