在border-bottom 属性中,长度实际上是通过 border-bottom-width 子属性来设置的。你可以直接在 border-bottom 简写属性中指定宽度,也可以单独使用 border-bottom-width 属性。 3. 提供示例代码演示如何设置 border-bottom 长度 示例1:使用 border-bottom 简写属性设置长度 ...
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....
4 接下来，给span标签添加下边框，在span标签中添加 style="border-bottom:solid 1px red;"5 在浏览器中打开后就可以看到，页面文字下面有了下边框，而且文字有多长，边框就有多长 6 那么，假设只想给border加下边框， 该怎么处理呢？将border包裹一层span标签，并将外面span的样式移到内部span即可 7 再次在浏览...
</block> style 可以这样写 .block::after { content: ''; width: 96%; height: 1px; display: block; margin: 0 auto; border-bottom: 1px solid rgba(151, 151, 151, 0.1); }有用1 回复 冯恒智 7.9k2428 发布于 2018-05-30 border-bottom不能自定义长度,只能自定义宽度如果有自定义长度需求可...
微信小程序border-bottom 的长度解决方法 效果如下图: .nav-item.active{ position: relative; } .nav-item.active:after { content: " "; width: 0.8rem; height: 0.12rem; background: #fff; position: absolute; /* bottom: -0.1rem; */
text-align: center; font-size:30px; position: relative; } .taps div.on{ color:#F13C1B; font-weight: bold; } .taps div.on:after { content: ''; position: absolute; bottom: -2px; top: auto; left: 40px; height: 4px; width: 60px; ...
此外，每个属性还可以进一步细分为上、下、左、右四个方向，如 border-top-width、border-right-style、border-bottom-color 等。1. border-width（边框宽度）边框宽度定义了边框的粗细。这个值可以是具体的长度单位（如 px、em、rem、% 等），或者是相对单位（如 thin、medium、thick）。不过，在实际应用中，具体...
作为简写的每个属性:border-width:作为简写的每个属性:border-bottom-width:绝对长度,如果border-bottom-style为none或hidden border-left-width则为0:绝对长度,如果border-left-style是none或hidden border,则为0 border-right-width:绝对长度,如果border-right-style为none或hidden,则为0 border-top-width:绝对长度,...
给设置有border-bottom增加display:inline-block样式 display:inline-block它会根据内容的长度来决定border-bottom 的长度 注意: border-bottom:像素 线条 颜色(其他三个也是一样) 像素:未设置默认为是2-3像素 线条:双线边框–double 颜色:未设置默认黑色(只有两种颜色黑色跟白色)...