欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > css3案例分享 >

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

发布时间:2019-05-29  编辑:杨雨个人博客网站   点击:   

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

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

Css border-bottom-width属性值

thin:细的下边框;

medium:中等的下边框(默认值);

thick :粗的下边框;

length:允许您自定义下边框的宽度;

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

语法格式:

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

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

实例

<!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 本文地址:http://itbyc.com/web/css3/21207.html
转载请注明出处。

分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1