CSS border-bottom-left-radius属性
border-bottom-left-radius属性
CSS border-bottom-left-radius属性可以设置HTML元素的左下角的边框圆角的弧度,比如下面的这个示例:
当然,该示例不仅设置了左下角的边框圆角,还设置了右下角的边框圆角的属性。
语法
border-bottom-left-radius:value;
提示:该属性的属性值的可选单位有像素px、em、%百分比、厘米cm,以及pt等。
border-bottom-left-radius属性实例代码,及在线编辑器
上方示例该如何通过HTML代码和CSS的代码来实现呢?如下代码,其中左右两个圆角的值都设置成了100%:
<div id='d2'></div><br>
<style>
#d2{border-bottom-left-radius:100%;width:25%;height:25%;background-color:skyblue;border-bottom-right-radius:100%;}
</style>