css border-bottom-left-radius属性怎么用


本文摘自PHP中文网,作者藏色散人,侵删。

css border-bottom-left-radius属性用于定义边框左下角的形状,其语法是border-bottom-left-radius: length|% [length|%]。

css border-bottom-left-radius属性怎么用

作用:定义边框左下角的形状。

语法:

1

border-bottom-left-radius: length|% [length|%];

说明:

length 定义左下角的形状。

% 以百分比值定义左下角的形状。

注释:

border-bottom-left-radius 属性的长度值和百分比值定义四分之一椭圆(定义外部边框边缘的边角形状)的半径(radii)。第一个值是水平半径,第二个值是垂直半径。如果省略第二个值,则复制第一个值。如果长度为零,则边角为方形,而不是圆形。水平半径的百分比值参考边框盒的宽度,而垂直半径的百分比值参考边框盒的高度。

css border-bottom-left-radius属性使用示例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<!DOCTYPE html>

<html>

<head>

<style>

div

{

border:2px solid;

padding:10px;

background:#dddddd;

border-bottom-left-radius:2em;

}

</style>

</head>

<body>

<div>border-bottom-left-radius 属性允许您向左下角添加圆角边框。</div>

</body>

</html>

效果输出:

5dd958a91697e8d9d729a84b69fb445.png

以上就是css border-bottom-left-radius属性怎么用的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css 等宽字体有哪些

html css是什么

css border-bottom-width属性如何使用

css怎么加滚动条

css中如何把正方形变成圆形

css是层叠什么表,可以使网页表现和内容分离?

css怎么让li强制不换行

css布局方法有哪些

css比html更复杂为什么还要用?

css中submit意思是什么

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...