原创

关于怎么改变border-bottom 的长度解决方法


注意border-bottom是不能直接改变长度的只能改变宽度 所以如果要加一个下划线可以用Cannnvac

:after但是我们这里不使用这个我们用伪类:after

你要加下划线的节点比如div::after

    span:after{
                        content: " ";
                        width: 5.5rem; 宽度
                        height: 0.008rem;    长度 
                        background: rgba(189, 195, 199, .7);  颜色
                        position: absolute;定位
                        bottom: -0.1rem;
                        left: 0rem;
                  
                      }
	因为使用了position: absolute,所以父级记得添加
	position: relative;
	  span {
                    //   display: block;
                      position: relative;
                  }
前端基础
  • 作者:渣渣前端(联系作者)
  • 发表时间:2020-06-02 18:09
  • 版权声明:自由转载-非商用-非衍生-保持署名(创意共享3.0许可证)
  • 公众号转载:请在文末添加作者公众号二维码
  • 评论