以前写过文章《去掉网站链接文字的下划线》和《jimdo代码：（七）会变色的超链接文字（彩虹链接）代码》，都是有关网站超链接修饰的文章，第一个样式我一直在用，但是不足够漂亮，第二个漂亮是漂亮，但是其代码有点长，我正在着重研究网站代码的精简，加快网站加载速度，所以不采取，所以我就找了现在用的修饰方式，算是折衷的方案吧。
上面的图片是我在首页随便截的一张图，可以看出链接下面不是普通的下滑线，而是虚线，要实现这种效果也很简单，将《去掉网站链接文字的下划线》修改一点点就可以做到了，代码如下：
<style type="text/css">
/*<![CDATA[*/
<!--
a:link { text-decoration: none;color: blue}
a:active { text-decoration:none}
a:visited { text-decoration: none;color: blue}
a:hover { border-bottom:#FF0000 dashed 1px;text-decoration: none;color: red}
-->
/*]]>*/
</style>
将以上代码填入“设置—编辑HEAD部分”即可，红色部分就是超链接下面产生虚线的意思，具体各个部分代码分别代表什么意思可以参考《去掉网站链接文字的下划线》一文。
Write a comment
网型网秀 (Wednesday, 30 June 2010 18:12)
呵呵，能想到真不错。不过使用实线比较符合阅读的习惯，虚线不是很常用。
诸葛草帽 (Wednesday, 30 June 2010 19:58)
回复网型网秀：呵呵，我是无意中看到一个网站这么做的，感觉蛮特别的。