模板X

位置: 破奇网  建站教程  网页知识

CSS3中如何使用圆角

栏目: 网页知识    更新: 2019-06-19    浏览:
CSS3中,无论html元素有没有设置边框,都可以设置圆角,而且还能够自定义每个角的度数。

使用方法为:

border-radius:3px;  这种设置方法是统一设置4个角的圆角为3px。

如果需要单独设置每个角的圆角大小,可用下面的代码:

border-radius:1px 2px 3px 4px;  代码的含义是左上角圆角为1px,右上角为2px,右下角为3px,左下角为4px,顺序别搞错了。

CSS3的圆角非常好用,大家可以多用它做出更好看的模板页面。

附件下载 [ 下载次数:999 ]

    收藏、推荐