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属性,并设置相应的长度值,例如border-bottom: 2px solid black;表示设置一个黑色的、宽度为2px的实线边框。若要设置为相对于容器宽度的比例,则可以使用百分数来指定长度值,例如border-bottom: 2% solid black;表示设置一个黑色的底边框,宽度为容器宽度的2%...
</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 top border left border right border bottom .box-container { position: relative; width: 90%; color: #777; } .border-top { background: #b4bcbf; padding: 15px; } .border-top:before { content: ''; position: absolute; left: 42%; top: 0; bottom: auto; right: auto...
在我的理解里,border是和块状元素实际的宽高对应的吧,margin这个属性只能调整位置,并不能增加元素的宽高,所以如果要保持div的宽是50px,还想让这个div的border-bottom有100px的长度,是不能实现的吧?不知道我的理解是不是正确,css小白,欢迎指摘。另外我觉得2L、3L的方法是可以的,我在开发过程中也是这样实现的,...
css中能设置下划线长度,利用width和“border-bottom”属性即可;只需要给文字元素添加“文字元素{width:下划线长度值;border-bottom:下划线粗细 solid 下划线颜色;”样式即可。 本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。 css中下划线样式能设置长度吗 ...
此外，每个属性还可以进一步细分为上、下、左、右四个方向，如 border-top-width、border-right-style、border-bottom-color 等。1. border-width（边框宽度）边框宽度定义了边框的粗细。这个值可以是具体的长度单位（如 px、em、rem、% 等），或者是相对单位（如 thin、medium、thick）。不过，在实际应用中，具体...
(自动)了. 一旦其值被设为auto, 那么浏览器就会认为它的高为子元素ID2的border-top到border-bottom之间的距离, 即Fig. 4中bc的长度, 所以子元素ID2的margin-top/bottom(30px)就伸出到了父元素ID1之外, 出现了Fig. 4中ab与cd之间的空白区域. 因此父元素ID1的margin-top/bottom因子元素的”红杏出墙”而...