css下划线和和字体间距

CSS下划线和字体间距是网页设计中常用的样式属性。下面我们一起来了解一下它们的用法。

在CSS中，我们可以通过text-decoration实现下划线的效果。text-decoration有四个可选值：none、underline、overline和line-through。其中，underline表示下划线。

 p {
        text-decoration: underline;
    } 

通过上述代码，我们可以将所有p标签下的文本下划线样式打开。

如果我们想要给特定文本添加下划线，可以通过选择器来实现。比如，我们想要给某个链接添加下划线，可以通过a标签的伪类选择器——:hover来设置：

 a:hover {
        text-decoration: underline;
    } 

这样，当鼠标悬停在链接上时，链接就会出现下划线效果。

另外，我们可以通过line-height属性来调整字体间距。line-height表示一行文本的高度，即文字的大小、行高和字符间距之和。例如：

 p {
        font-size: 16px;
        line-height: 1.5;
    } 

上述代码中，我们设置了p标签下的字体大小为16px，并将line-height设置为1.5。这样，每一行文本的高度就是1.5倍的字体大小。通过调整line-height，我们可以调整文字之间的距离，达到更好的排版效果。