border-bottom的属性值包括三个,分别是:边框宽度(单位),边框样式(solid、dotted、dashed等)和边框颜色(十六进制代码或rgb颜色值)。 以下是一个简单的应用实例: 这是一段有底部边框的文字信息。 效果如下图所示: 二、border-bottom常用属性介绍 1. border-bottom-style border-bottom-style: none|hidden|dotted|...
border-buttom默认是实际宽度的100%,在开发中有很多时候设计图并不是需要长度100%,通过伪类手动修改 //使用伪类添加边框 .custom-tabs-line.tabs-line-bottom .active a::after { content: ''; width: 100%; height: 1px; display: block; margin: 0 auto; border-bottom: 1px solid rgba(0, 0, 0, 0....
CSS border-bottom-width 属性实例 设置底部边框宽度: p { border-style:solid; border-bottom-width:15px; } 尝试一下 » 属性定义及使用说明border-bottom-width属性设置元素的底部边框宽度。注意务必先声明border-style属性才可以设置border-bottom-width属性。元素必须有边框,你才可以改变宽度。
JavaScript 语法: object.style.borderBottomWidth="thick"实例 设置下边框的宽度: p { border-style:solid; border-bottom-width:15px; } TIY浏览器支持 所有浏览器都支持 border-bottom-width 属性。 注释:IE7 以及更早版本的浏览器不支持值 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。可能的值...
总结：1 1、使用div标签创建一个模块，设置div标签的class属性为test。 2、在css标签内，通过class定义div的样式，设置其宽度为200px，高度为200px，边框为1px宽的蓝色边框。 3、在css标签内，再通过border-bottom-width属性设置div的底部边框宽度为20px。 4、在浏览器打开test.html文件，查看实现的效果。
CSS的border-bottom属性用于设置元素的底部边框样式。border-bottom属性可以设置以下几个值:- border-bottom-width:设置底部边框的宽度,默认为medium。- border-bottom-style:设置底部边框的样式,可以取值为none(无边框)、hidden(隐藏边框)、dotted(点状线边框)、dashed(虚线边框)、solid(实线边框)、double(双线边框)等...
cssborder-bottom-width属性值 thin:细的下边框; medium:中等的下边框(默认值); thick:粗的下边框; length:允许您自定义下边框的宽度; inherit:从父元素继承边框宽度。 语法格式: border-bottom-width:thin/medium/thick/length/inherit; 注意:元素必须有边框才可以改变宽度(border-bottom-width属性单独使用没有效果...
CSS属性border-bottom-width设置一个元素的底部边框宽度。 代码语言:javascript 复制 /* Keyword values */border-bottom-width:thin;border-bottom-width:medium;border-bottom-width:thick;/* <length> values */border-bottom-width:10em;border-bottom-width:3vmax;border-bottom-width:6px;/* Global keywords ...