css中怎么给字体加下划线

在CSS中给字体加下划线是一个比较简单的技巧。下面我们来看一下具体的实现方法。 第一步是给文本添加下划线。我们可以使用text-decoration属性，设置为underline。这样我们就给文本加上了下划线，代码如下： pre { text-decoration: underline; } 第二步是调整下划线的颜色和样式。我们可以使用text-decoration-color和text-decoration-style属性来实现。代码如下： pre { text-decoration: underline; text-decoration-color: #F00; /* 设置下划线颜色 */ text-decoration-style: dashed; /* 设置下划线样式 */ } 当然，还有其他的样式可以选择，比如dotted、double等等。为了不让下划线和文本太过紧凑，我们可以同时设置text-decoration-line和text-decoration-thickness属性，来调整线条的位置和大小。代码如下： pre { text-decoration: underline; text-decoration-line: underline; text-decoration-color: #F00; /* 设置下划线颜色 */ text-decoration-style: dashed; /* 设置下划线样式 */ text-decoration-thickness: 0.15em; /* 设置下划线粗细 */ } 这样我们就可以实现一个加粗、颜色为红色、样式为虚线、下划线粗细为0.15em的下划线了。 总结一下，在CSS中给字体加下划线可以使用text-decoration属性。我们可以通过设置text-decoration-color和text-decoration-style属性来调整下划线的颜色和样式。同时，text-decoration-line和text-decoration-thickness属性可以用来调整线条的位置和大小。这样我们就可以方便地为文字添加下划线。