[分享]css中怎么给文字加下划线

在CSS中，给文字添加下划线是一种常见的修饰效果，可以让文字更加突出和美观。下面介绍两种方法实现这个效果。方法一：textdecoration属性可以使用CSS的textdecoration属性来给文...

在CSS中，给文字添加下划线是一种常见的修饰效果，可以让文字更加突出和美观。下面介绍两种方法实现这个效果。
方法一：text-decoration属性
可以使用CSS的text-decoration属性来给文字添加下划线。text-decoration属性有以下几个值：
- none：默认值，不添加任何修饰线；
- underline：添加下划线；
- overline：添加上划线；
- line-through：添加删除线；
- blink：添加闪烁线。
例如，要给p标签中的文字添加下划线，可以按以下方式编写CSS代码：
pre {
white-space: pre-wrap;
}
p {
text-decoration: underline;
}
其中，pre用于保留CSS代码中的换行和空格，pre-wrap则是保留同时还可以换行。以上代码中，给p标签添加text-decoration属性并将其值设置为underline，即可给文字添加下划线效果。
方法二：border-bottom属性
另一种实现给文字添加下划线的方法是用border-bottom属性创建一条横线。与text-decoration属性不同，使用border-bottom属性可以更精确地控制下划线的样式、宽度、颜色等。
例如，要在p标签中使用border-bottom属性创建下划线，可以按以下方式编写CSS代码：
pre {
white-space: pre-wrap;
}
p {
border-bottom: 1px solid black;
}
以上代码中的1px表示下划线的宽度，solid表示线条的样式为实线，black表示下划线颜色为黑色。
综上所述，给文字添加下划线是一种常见的文本修饰效果，在CSS中可以使用text-decoration属性或者border-bottom属性来实现，可以根据实际需要选择不同的方法来达到理想的效果。