超链接文字特效代码(详细版)_冰河星矢

http://blog.sina.com.cn/u/1223244273

首页博文目录关于我

个人资料

微博

加好友发纸条

写留言加关注

博客等级：
博客积分：

博客访问：
关注人气：
获赠金笔：0支
赠出金笔：0支
荣誉徽章：

正文字体大小：大中小

超链接文字特效代码(详细版)

(2006-11-27 17:43:01)

分类：校园文化类它山石可攻玉

或许大家看到别人的博客鼠标放在超连接上有"抖动"的效果,今天冰河整理了另一个博客的文章把所有的特效发给大家.

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>

注意：color颜色自己设定，把以上蓝色地方换成你喜欢的颜色代码，具体颜色代码请看玩转博客之颜色代码。

代码添加方法:

１，控制面板----首页内容维护----定义空白模板----新建,创建模块标题，显示源代码粘贴代码（粘贴代码前，在普通模式下打一个空格，然后再进入源代码编辑模式，这时你会看到源代码中已经有一行代码了（ <DIV> </DIV> ），这时你再将自己的代码粘贴到它的下面即可，因为CSS代码粘贴到新建立的模块中，没有别的内容，不会显示的）----保存并返回；

　２，控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存，移动新建面板位置--保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。或者直接把以上代码粘贴到以前你建立的模块中--找一个以前你建立的模块，并且现在正在使用这个模块，显示源代码粘贴代码。点击保存即可！

博易天下冰河的博客每天都有不一样的精彩！

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report

前一篇：免费拥有25G网络硬盘

后一篇：博客花样截图工具推荐+关于新浪圈子搬家问题的回答

新浪BLOG意见反馈留言板　欢迎批评指正