html超链接下划线改虚线_Discuz论坛帖子超链接蓝色关联下划线改成蓝色虚线

最新推荐文章于 2021-06-17 11:12:41 发布

波西米亚混球

最新推荐文章于 2021-06-17 11:12:41 发布

阅读量329

点赞数

文章标签： html超链接下划线改虚线

本文链接：https://blog.csdn.net/weixin_35061887/article/details/111976230

版权

本文介绍了如何在Discuz论坛中修改链接样式，使链接下划线变为虚线，并在鼠标悬停时字体变为橘黄色。通过编辑template/default/common/module.css文件，替换指定代码实现该特效。具体步骤包括下载文件、修改CSS代码和上传替换原文件。此教程有助于改善用户在论坛中点击链接的体验。

摘要由CSDN通过智能技术生成

在Discuz中，我们看到的链接基本上都是蓝色实心下划线。在文章的链接比较多，或者比较密集的时候，在点击链接时，很容易就点到其他链接。或者有些站长就不想看到链接的下划线。基于这样的情况，无忧主机小编给站长们提供一种特效，使得带链接的文章更加丰富。特效的效果是：链接下划线变成虚线，鼠标经过时，链接的字体会变成橘黄色。下面小编就给大家介绍一下。

1.用ftp工具连接您的空间，找到template/default/common/module.css文件，下载到本地；

2.用文本编辑器打开，找到以下代码：.relatedlink, .relatedlink:hover { text-decoration: none !important; color: {TABLETEXT} !important; border-bottom: 1px solid blue; }

将以上代码替换成：

.relatedlink { text-decoration: none !important; color: {TABLETEXT} !important; border-bottom: 1px dotted blue; }

.relatedlink:hover { text-decoration: none !important; color: #FF6600 !important; border-bottom: 1px dotted blue; }

如果需要去掉下划线，那么把border-bottom: 1px dotted blue;这一句去掉就可以了。

3.保存。将空间原文件重命名，再将修改后的文件上传到template/default/common/目录。

修改到这里就完成了。下面是效果演示。

站长们如果有需要，可以用这个方法设置链接特效。

本文地址：https://www.51php.com/discuz/11366.html