如何使用 CSS 设置文本和下划线之间的间距？

简介： CSS 用于使网站在视觉上更具吸引力和可读性。它可用于以各种方式格式化网站上的文本，例如颜色、字体大小、字体系列等。在本文中，我们将看到如何在带下划线的文本的情况下增加文本和文本之间的间距。强调。
方法：我们将通过使用 border-bottom-style和padding-bottom属性来实现这一点的技巧。而不是使用内置的text-decoration : underline;我们将使用 border-bottom-style 属性创建我们自己的下划线，然后我们可以添加 padding-bottom 将它推开我们想要的数量。
句法：

.class_name {
    padding-bottom: value;
    border-bottom-style: solid;
}

示例：我们可以使用 CSS 增加文本和下划线之间的差距。

html

  

    
     
    

  

    

        GeeksforGeeks: with normal underline
    
     
    

        GeeksforGeeks: with spaced underline
    

  

输出：