This question already has answers here:
Disable underline for lowercase characters: g q p j y?
                                
                                    (7个答案)
                                
                        
                                3年前关闭。
            
                    
基本上,我想要一个带有下划线的链接,但字母的尾部用一个白色的小区域切入。
像这样:

html - 如何创建带有下划线的链接,其中下划线由字母隔开?-LMLPHP

最佳答案

可能有很多更好的方法可以做到这一点,但这是我对此的有限尝试:



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

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

10-06 04:40
查看更多