css中怎样设置下划线

CSS是一种用来控制网页表现的语言，其中有许多属性可以设置。其中一个常用的属性是text-decoration，用来为文字添加下划线。我们来看一下如何使用CSS来设置文本下划线。

/* 在CSS中给文本添加下划线的方式 */
.text-underline {
  text-decoration: underline;
}

/* 给文本添加下划线颜色 */
.text-underline-color {
  text-decoration: underline red;
}

/* 给文本添加双下划线 */
.text-double-underline {
  text-decoration: underline double;
}

/* 给文本添加一条下划线，其余用虚线表示 */
.text-mixed-underline {
  text-decoration: underline dashed;
  text-decoration-style: solid;
} 

上述代码中，我们使用了text-decoration属性来设置文本下划线，其中underline表示单下划线，double表示双下划线。如果还想设置下划线颜色，则可以在属性值后面添加颜色值，如red表示红色。

除了text-decoration属性，我们还可以使用text-decoration-style属性，用来设置下划线样式。属性值可以为solid表示实线，dotted表示点状线，dashed表示虚线等。如上述代码中的text-mixed-underline类就显示了一个实线下划线和一条虚线下划线的效果。

总之，使用CSS来设置下划线非常简单，只需添加text-decoration属性即可。同时，还可以设置下划线颜色和样式，让文本效果更加丰富多变。