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>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.