怎样在CSS中添加文字横线在设计网页时，添加文字横线是一种常见的美化技能。在CSS中，有许多区别的方法可以实现这一效果。下面我们将介绍三种经常使用方法来添加文字横线。方法一：使用text-decoration属性text-decoration属性是最经常使用的添加文字横线的方法之一。该属性有四个值可以选择：underline、overline、line-through和blink。其中，underline代表下划线，overline代表上划线，line-through代表中划线，blink代表闪烁线。当我们需要给文字添加横线时，只需将text-decoration属性的值设置为line-through便可。例如，使用下面的CSS代码来添加横线：```p{text-decoration:line-through;}```方法二：使用border-bottom属性除text-decoration属性，CSS中的border-bottom属性也能够用来添加文字横线。该属性可以为文字底部添加一个实线、虚线、点线或双线的边框，实现区别粗细或样式的下划线效果。例如，使用下面的CSS代码来添加横线：```p{border-bottom:1pxsolid000;}```方法三：使用:before和:after伪元素我们还可使用:before和:after伪元夙来添加文字横线。这两个伪元素可以在文本前面或后面添加内容，可以实现一些独特的效果。例如，使用下面的CSS代码来添加横线：```p:before{content:;display:block;border-top:1pxsolid000;margin-bottom:10px;}p:after{content:;display:block;border-top:1pxsolid000;margin-top:10px;}```以上就是在CSS中添加文字横线的三种方法。根据区别的需求，我们可以选择区别的方法来实现所需的效果。

桂|哥|网|络www.guIgege.cn