怎样自定义设置border-bottom的长度

Question

怎样自定义设置border-bottom的长度

Answer 1

我也是看到 @冯恒智 的回答，补充一下实现吧

<div class='block'></block>

style 可以这样写
.block::after {
content: '';
  width: 96%;
  height: 1px;
  display: block;
  margin: 0 auto;
  border-bottom: 1px solid rgba(151, 151, 151, 0.1);
}

Answer 2

border-bottom不能自定义长度，只能自定义宽度
如果有自定义长度需求可以用伪元素实现