超链接文字特效代码　2006-12-16 18:27

分类：博客教程

字号：大大 中中  小

●超链接文字特效代码：

把下列代码之一添加到面板（文章）中，该面板（文章）中的链接即可显示相应的特效：

让链接变色代码：

<STYLE TYPE="text/css">

A { text-decoration: NONE; color: #51bfe0}

A:hover { color: #3399FF }

</STYLE>

增加链接的力度（字体变大）代码：

<STYLE TYPE="text/css">

A { text-decoration: NONE; color: #51bfe0}

A:hover {font-weight: bold }

</STYLE>

触到链接是出现虚线代码：

<STYLE TYPE="text/css">

A { text-decoration: NONE; color: #51bfe0}

A:hover {border-bottom:1px dashed #51bfe0 }

</STYLE>

会移动的链接代码：

<STYLE TYPE="text/css">

A { text-decoration: NONE; color: #51bfe0}

A:hover { ; left:1px; top:1px; }

</STYLE>

给链接添加背景色代码：

<STYLE TYPE="text/css">

A { text-decoration: NONE; color: #51bfe0}

A:hover { background-color: #CCFFFF; }

</STYLE>