css3 border-bottom-left-radius属性笔记

原创 PHP笔记  2017-10-12 19:55  阅读 971 views 次

css中,border-bottom-left-radius属性是用来定义左下角边框的形状。border-bottom-left-radius属性可以有两个属性值,第一个属性值是水平半径,第二个属性值是垂直半径。如果不定义第二个属性值,则第二个属性值和第一个属性值相同,就是垂直半径和水平半径相同。

相似属性

border-bottom-left-radius属性值

  • length:数值来定义右下角的形状。
  • %:百分比来定义右下角的形状。

语法格式:

border-bottom-left-radius: length / %;或border-bottom-left-radius: length / % length / %;

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css3 border-bottom-left-radius属性笔记</title>
<style>
#bblr
{
border:2px solid blue;
border-bottom-left-radius:20px 15px;
}
</style>
<head/>
<body>
<div id="bblr">css3 border-bottom-left-radius属性演示</div>
</body>
</html>

运行结果:

 

更多css属性——>css属性大全

本文地址:https://www.ggbiji.com/css-border-bottom-left-radius.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情