css3 border-top-left-radius属性设置元素左上角边框的圆角半径

分类:知识百科 日期: 点击:0

CSS3的border-top-left-radius属性可以设置元素左上角边框的圆角半径。它是CSS3中的一个新特性,可以让元素的边框变得更加圆润,更加美观。

使用方法

使用border-top-left-radius属性可以很容易的设置元素的左上角边框的圆角半径,只需要在元素的CSS样式中添加一行代码:

border-top-left-radius: 10px;

上面的代码表示设置元素的左上角边框的圆角半径为10px。如果要设置圆角半径的高度和宽度不一样,可以使用两个值来表示:

border-top-left-radius: 10px 20px;

上面的代码表示设置元素的左上角边框的圆角半径的高度为10px,宽度为20px。

兼容性

border-top-left-radius属性是CSS3中的新特性,目前,它在所有主流浏览器中都支持,包括IE9+,Chrome,Firefox,Safari,Opera等。

示例

下面的例子演示了如何使用border-top-left-radius属性设置元素的左上角边框的圆角半径:

div {
    border: 1px solid #ccc;
    border-top-left-radius: 10px;
}

上面的代码表示设置div元素的左上角边框的圆角半径为10px。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。