蓝雨 发表于 2007-9-8 13:26:00

鼠标指向链接文字下沉的效果

<p>在后台:<br/>当前模板CSS设置<a href=\"http://www.lanyu8.cn/wentao/template.asp#\" target=\"_blank\"><font color=\"#000000\">(StyleName)</font></a> =》修改CSS样式<br/>找到<br/></p><div class=\"msgheader\">QUOTE:</div><div class=\"msgborder\">A:hover { TEXT-DECORATION: underline;Color: #4455aa }<br/></div><p>修改为:<br/></p><div class=\"msgheader\">QUOTE:</div><div class=\"msgborder\">A:hover{TEXT-DECORATION:<strong><font color=\"#ff0000\">underline</font><font color=\"#ff0000\">;</font></strong>color: :#4455aa;position: relative; left:1px;top:1px;}<br/></div><p><strong><font color=\"#ff0000\">注:</font></strong>红色加粗语句是指向链接出现的下划线指令,如果你想让鼠标指向链接时中间出现一条横线,请用 <font color=\"#ff0000\"><strong>line-through; </strong></font><font color=\"#000000\">替换之,当然,如果你不想显示下划线将</font><font color=\"#ff0000\"><strong>underline; </strong></font>语句删除即可。<br/>(两个<font color=\"#ff0000\">1</font>px是下沉量,你要下沉多一些,可以改成<font color=\"#ff0000\">2</font>px或<font color=\"#ff0000\">3</font>px)<br/></p>
页: [1]
查看完整版本: 鼠标指向链接文字下沉的效果