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。