text-decoration:underline; text-decoration-color:red; text-decoration-style:dotted; text-decoration-thickness:2px;
上述的代码中，text-decoration属性用于给文本添加横线效果，text-decoration-color属性用于设置横线的颜色，text-decoration-style属性用于设置横线的样式，这里使用了dotted属性值来设置虚线样式，最后的text-decoration-thickness用于设置横线的厚度。
如果需要缩小横线与文本之间的距离，可以使用line-height属性来控制行高，比如将行高设置为文字大小的一半：
p {
text-decoration: underline;
text-decoration-color: red;
text-decoration-style: dotted;
text-decoration-thickness: 2px;
line-height: 0.5em; /* 将行高设置为文字大小的一半 */
}这样就可以达到缩小横线与文本之间的距离的效果了。