html - 如何创建带有下划线的链接，其中下划线被字母切割？

<分区>

基本上，我想要一个带有下划线的链接，但字母的尾部会穿过它，周围有一小块白色区域。像这样:

最佳答案

可能有很多更好的方法可以做到这一点，但这是我在这方面的有限尝试:

h1 {
  display: inline-block;
  font-size: 60px;
}
h1 span {
  text-decoration: underline;
}

<h1>
  <span>Ja</span>y<span> Reatard</span>
</h1>

关于html - 如何创建带有下划线的链接，其中下划线被字母切割？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37565222/

相关文章：

javascript - 已部署的 bluemix 应用程序上超链接的上下文根