Posted on | by liu
在CSS中，有时大家需要为文本添加下划线来突出显示某些关键词或信息。那么，如何在CSS中输入下划线呢？
要在CSS中输入下划线，大家可以使用text-decoration属性。这个属性有四个值：none、underline、overline和line-through。其中，underline用于添加下划线。
现在，大家来看一下具体的代码实现。假设大家需要为文本“这是一段需要下划线的文字”添加下划线，代码如下：
p {
text-decoration: underline;
}在这个代码中，大家使用了p标签来定义大家要添加下划线的文本。然后，大家使用text-decoration属性来添加下划线，值为underline。
当大家运行这段代码后，文本“这是一段需要下划线的文字”就会被添加下划线了。
除此之外，大家还可以使用CSS的伪元素来添加下划线。代码如下：
p::after {
content: "";
border-bottom: 1px solid black;
display: block;
margin-top: 0.5em;
}在这个代码中，大家使用了p::after来定义要添加下划线的位置。然后，大家使用content属性来添加内容，这里是一个空字符串。接着，大家使用border-bottom属性来创建下划线，值为1px实线黑色边框。最后，大家使用display属性来设置该元素为块级元素，并使用margin-top属性来设置该元素与原始文本之间的距离。
当大家运行这段代码后，文本“这是一段需要下划线的文字”下方就会出现一个下划线了。
总的来说，在CSS中添加下划线十分简单。大家可以使用text-decoration属性来添加，也可以使用伪元素来创建。不同的方法适用于不同的情况，大家需要根据实际需求来选择。