前端文字下划线的模拟
目录
前端文字下划线的模拟
前端的文字下划线，我们可以处理的东西并不多，平时使用最多的就是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;
}效果如图所示，据体效果可以自己进行调整
这篇文章借鉴了以前看到的书上的思想。