[分享]css中怎么增加下划线

CSS不仅可以让你调整文本和图像的样式，还可以让你在文本下面添加下划线。下面我会分享几种简便的方式。首先，让我们看看如何使用textdecoration属性来添加下划线。这个属性有许多选项，但我们只需...

CSS不仅可以让你调整文本和图像的样式，还可以让你在文本下面添加下划线。下面我会分享几种简便的方式。
首先，让我们看看如何使用text-decoration属性来添加下划线。这个属性有许多选项，但我们只需要使用其中的一个 - underline。将text-decoration属性设置为underline，即可在你的文本下方添加下划线。

 html
<pre>
p {
  text-decoration: underline;
} 

这将使你的所有p元素下方都有一条下划线。
如果你只想让特定的文本有下划线，可以使用a标签，然后将CSS样式应用于该标签。在a标签中添加href属性有助于让链接实际起作用，同时也会为你提供下划线的视觉提示。

 html
<pre>
<p>这是一段自由文本，<a href="#">这是有下划线的文本</a>。</p> 

接下来，让我们看看如何使用border-bottom属性来添加下划线。这个属性允许你为元素设置底部边框，并且你可以自定义颜色、样式和宽度。

 html
<pre>
p {
    border-bottom: 1px solid black;
} 

以上，这就是几种CSS添加下划线的方法。无论使用哪种方法，都可以在你的文本下方添加可靠的下划线，以增强你网页的美观度和可读性。