如何让文字下划线border-bottom和 文字的长度一致

给设置有border-bottom增加display:inline-block样式

display:inline-block它会根据内容的长度来决定border-bottom 的长度

注意:

  • border-bottom:像素 线条 颜色(其他三个也是一样)
  • 像素:未设置默认为是2-3像素
  • 线条 :双线边框–double
    颜色:未设置默认黑色(只有两种颜色黑色跟白色)