超鏈接文字特效代碼(詳細版) - - 飛喏 - [東方博客2.0]

或許大家看到別人的博客鼠標放在超連接上有"抖動"的效果,今天飛喏整理了一下把所有的特效發給大家.
 
1.讓鏈接變色
<DIV>  </DIV><STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { color: #3399FF }
</STYLE>

2.增加鏈接的力度—即字體變大

<DIV>  </DIV><STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {font-weight: bold }
</STYLE>

3.觸到鏈接是出現虛線

代碼：

<DIV>  </DIV><STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {border-bottom:1px dashed #51bfe0 }
</STYLE>

4.會移動的鏈接

代碼

<DIV>  </DIV><STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { position: relative; left:1px; top:1px; }

</STYLE>

5.給鏈接添加背景色

<DIV>  </DIV><STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { background-color: #CCFFFF; }
</STYLE>