在CSS中，我们可以使用text-decoration属性来给文字添加下划线。它的取值包括none（无效果）、underline（下划线）、overline（顶部线）、line-through（删除线）和blink（闪烁线）。
我们可以使用如下代码来让文字具有下划线的效果：
```css
p {
text-decoration: underline;
}
```
如果我们想要添加带有不同样式的下划线，可以通过text-decoration-line、text-decoration-color和text-decoration-style来分别控制。
```css
p {
text-decoration-line: underline;
text-decoration-color: red;
text-decoration-style: dotted;
}
```
此外，我们还可以使用伪元素（pseudo-element）的方式给文字添加下划线。这种方式下划线是绝对定位的，可以精确控制位置和长度。
```css
p::after {
content: "";
position: absolute;
left: 0;
bottom: -3px;
width: 100%;
border-bottom: 1px solid black;
}
```
上述代码中，我们使用::after伪元素来添加下划线，通过position属性来控制位置和长度，border-bottom属性来设置下划线的样式。通过调整bottom的值可以控制下划线与文字之间的距离。
总之，CSS提供了多种方式来为文字添加下划线，我们可以根据实际需求选择不同的方式。