CSS下划线是一种常见的装饰效果，它可以用于链接、标题、重点文本等文本的装饰。

a {
text-decoration: underline;
}

上面的代码表示将所有a标签的文本添加下划线。除了可以使用'text-decoration'属性，还可以使用伪元素(::after)来实现下划线效果。

h1::after {
content: "";
display: block;
border-bottom: solid 2px #000;
}

上面的代码表示将h1标题下方添加一条2像素宽度的黑色实线下划线。同样的，我们可以使用border-top、border-left、border-right属性来实现不同方向的下划线效果。

需要注意的是，使用下划线要把握好度，过多的下划线会让文本显得太过于凌乱、拥挤，反而起到相反的作用。