在网页设计中，横线经常被用来美化页面的排版或者起到区分不同内容的作用。下面就让我们来学习一下如何在CSS中添加横线。 首先，我们需要创建一个HTML元素，比如一个段落

标签或是一个标题

标签。接下来，我们需要使用CSS样式来为它添加下横线。 我们可以在CSS样式表中添加以下样式代码：

p {
text-decoration: underline;
}

这段代码的意思是为所有的

标签添加下横线效果，使用的样式属性是text-decoration。 另外我们还可以使用其他的样式属性来实现不同的下横线效果，比如：

p {
border-bottom: 1px solid black;
}

这段代码的意思是在每个

标签的底部加入一条宽度为1px的黑色实线来实现下横线的效果。 除此之外，我们还可以针对某个具体的元素来调整下横线的样式和布局。例如：

p.underline {
text-decoration: underline;
}
p.dashed {
border-bottom: 1px dashed black;
}

这两段代码分别针对class为underline的

标签和class为dashed的

标签添加不同的下横线效果。其中，class可以自定义命名，并在HTML元素中使用class属性来调用对应的CSS样式。 综上所述，使用CSS添加下横线非常简单，只需要掌握几个基本的样式属性和语法即可实现美观的页面效果。