加载中…
个人资料
冰河星矢
冰河星矢 新浪个人认证
  • 博客等级:
  • 博客积分:0
  • 博客访问:21,688,169
  • 关注人气:21,622
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

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

(2006-11-27 17:43:01)
分类: 校园文化类它山石可攻玉
或许大家看到别人的博客鼠标放在超连接上有"抖动"的效果,今天冰河整理了另一个博客的文章把所有的特效发给大家.
 
1.让链接变色

<DIV>&nbsp; </DIV><STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { color: #3399FF }
</STYLE>

                                            

2.增加链接的力度—即字体变大

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

                                           

3.触到链接是出现虚线

代码:

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

                                            

4.会移动的链接

代码

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

                                  

5.给链接添加背景色

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

                                            

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

代码添加方法:  

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

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

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

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有