css中如何显示超链接下滑线

在网页设计中，超链接是不可或缺的元素。而超链接下滑线也是标识超链接的一种方式，可以让用户更加清晰地识别哪些文字可以点击。
在CSS中，我们可以使用text-decoration属性来配置超链接下滑线的样式。该属性可以接受以下几种值：
- none：不显示下滑线
- underline：显示普通的下滑线
- overline：显示上方的下划线
- line-through：显示一条穿过文字的线
- blink：显示闪烁的下滑线（在现代浏览器中已经废弃）
如果想要显示普通的下滑线，只需在CSS中添加以下代码：
pre{
text-decoration: underline;
}
这里的pre代表我们在pre标签中添加的代码，如果你的超链接在其他的标签中，那么就将pre换成对应的标签名即可。
如果想要改变下滑线的颜色和样式，我们可以使用text-decoration-color和text-decoration-style属性。比如，如果想要设置下滑线为红色虚线，可以添加如下代码：
pre{
text-decoration: underline;
text-decoration-color: red;
text-decoration-style: dashed;
}
改变颜色和样式的效果如下图所示：
总之，通过text-decoration属性，我们可以轻松地显示和控制超链接下滑线的样式。