前端文字下划线的模拟

前端的文字下划线，我们可以处理的东西并不多，平时使用最多的就是a链接的text-decoration: none属性来去除下划线，这里给出利用背景来模拟下划线。做到相对而言的可以控制

a {
      font-size: 16px;
      text-decoration: none;
      background: linear-gradient(gray, gray) no-repeat;
      background-size: 100% 1px;
      background-position: 0 1.15em;
      text-shadow: .05em 0 white, -.05em 0 white;
    }

效果如图所示，据体效果可以自己进行调整

这篇文章借鉴了以前看到的书上的思想。