CSS border-top-left-radius属性
border-top-left-radius属性
CSS中的border-top-left-radius属性,可以用来单独地设置HTML元素的左上角的圆角属性,单位可以是px,也可以是em,也可以是百分比、厘米cm和pt等,具体的可参考下方的实例。
语法
border-top-left-radius:value
border-top-left-radius属性实例代码,及在线编辑器
下方将通过三种属性值的方式来设置div的圆角属性:
<div id='d1'></div>
<br>
<div id='d2'></div>
<br>
<div id='d3'></div>
<style>
#d1{width:20%;height:20%;background-color:skyblue;border-top-left-radius:5px;}
#d2{width:20%;height:20%;background-color:skyblue;border-top-left-radius:10%;}
#d3{width:20%;height:20%;background-color:skyblue;border-top-left-radius:1em;}
</style>