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

PHP中文网 JavaScript

本文摘自PHP中文网，作者silencement，侵删。

在css中，border-bottom-width属性是用来设置元素的底部边框宽度。

css border-bottom-width属性值

thin：细的下边框；

medium：中等的下边框（默认值）；

thick ：粗的下边框；

length：允许您自定义下边框的宽度；

inherit：从父元素继承边框宽度。

语法格式：

1

border-bottom-width:thin / medium / thick / length / inherit ;

注意：元素必须有边框才可以改变宽度（border-bottom-width属性单独使用没有效果.，要先使用border-style属性设置样式）。

实例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<title>css border-bottom-width属性笔记</title>

<style>

#bbw {

border-style:solid;

border-bottom-width:10px;

}

</style>

<head/>

<body>

<p id="bbw">css border-bottom-width属性演示</p>

</body>

</html>

运行结果

f07d824f084d6569487590efd2953a6.png

以上就是css border-bottom-width属性如何使用的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

css怎么给文字添加描边

css怎么设置图片位置居中

border-collapse属性怎么用

css文件中引用图片不显示怎么办

css ul 不换行怎么实现

css中怎么设置行高

jq如何设置css

详解css3+svg滤镜实现不规则边框的方法

html水平线hr颜色怎么写

css border不显示怎么办

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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