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

原创 PHP笔记  2017-10-12 20:00  阅读 876 views 次

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

相似属性

  • border-top-left-radius:左上角
  • border-top-right-radius:右上角
  • border-bottom-left-radius:左下角

border-bottom-right-radius属性值

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

语法格式:

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

实例:

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

运行结果:

边框形状简写属性——>css border-radius属性笔记

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

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

发表评论


表情