CSS产生的特殊效果

2016-01-29 12:42 8 1 收藏

CSS产生的特殊效果,CSS产生的特殊效果

【 tulaoshi.com - Html 】

    经常有朋友问:如何使有超级连接的文字不出现下划线,如何使鼠标移动到超连上产生变色的效果?其实这些通过传统的方法是办不到的。而使用CSS的控制却可以非常轻松地作到,而且,页面的代码也不会臃肿。

    ★★先看看超连没有下划线的例子:

    例子1: 这个连接可以去页面底部,但是没有下划线。

    是如何作到这一点的呢?在和之间加上如下的CSS语法控制:

<style type="text/css"
<!--
a:link { text-decoration: none}
a:active { text-decoration: none }
a:visited { text-decoration: none }
--
</style

    如果要产生变色效果,就要用到另一个属性了,这就是 hover,看下面的代码。

a:hover { text-decoration: none ; color: yellow } 表示鼠标移动到连接文字上时,文字修饰风格为“无”(即没有下划线),同时显示黄色。

a:hover { text-decoration: underline; color: green } 表示鼠标移动到连接文字上时,文字修饰风格为“underline”(即下划线),同时显示绿色。

    ★★扩展一下:如果我们同时用下面2种属性,会产生什么效果呢?


a:link { text-decoration: none ; color: yelloe ; font-size: 9pt }

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

a:hover { text-decoration: underline; color: green ; font-size: 12pt }

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

    连接文字没有下划线,黄色显示,9pt大小。鼠标移动到连接上时出现下划线,颜色为绿色,字符大小12pt。是不是变色了?而且字体由于大小变化,就有动感了,似乎一下子扩大了。

    总之,所有前面讲过的方法,要综合运用才可以呀。

    ★★注意:并不是所有的浏览器都支持所有的选项属性。自己在多个浏览器上测试一下。

来源:http://www.tulaoshi.com/n/20160129/1487283.html

延伸阅读
PRO涂料相机:特殊效果图片过滤制作软件评测 小编今天在泡椒网溜达的时候下载了多款安卓拍照图片制作类的软件,分别都试用一番后想要告诉椒友们这几款软件的使用心得,在这一篇之前小编已经对Pixlr-o-matic照片处理软件写过详细评测,椒友们可以点击查看。这一篇要介绍的是一款PRO涂料相机特殊效果制作软件PRO Paint Camera。 PR...
标签: 仙剑奇侠传5
《仙剑奇侠传5》仙术1500修为特殊效果 在仙剑5中,法术系统作为经典内容,自然是一脉相承。值得注意的是,仙剑5中引入了修为的概念。 提高修为,可以学习到新的法术。只要修为值达到600,该系法术就可全部习得。 法术的伤害与修为的关联微乎其微,几乎可以忽略。提升修为,并不能显著提高法术杀伤力。 那么,高修为作用何在?1500点修为值大...
《合金装备5 幻痛》特殊效果磁带收集攻略 《合金装备5:幻痛》中有哪些磁带附带特殊效果,作用又是什么?今天图老师图老师小编带来玩家分享的《合金装备5:幻痛》特殊效果磁带收集攻略,希望大家喜欢,跟图老师图老师小编一起来看吧。 Tape:Afghanistan Music 效果:使得Afghanistan的士兵进入睡眠状态。 获得:Wakh Sind Barracks...
标签: 血源 游戏动漫
《血源》最高加成的血宝石数据及特殊效果一览 《血源》中各类血宝石有哪些效果?下面给大家带来玩家分享的最高加成的血宝石数据及特殊效果一览,以供参考。 最高加成的血宝石如下: 古怪血族: +1 to +93.8 点血质攻击 古怪秘法: +1 to +93.8 点秘法攻击 古怪火焰: +1 to +93.8 点火焰攻击 古怪闪电: +1 to +93.8 点闪电攻击 古...
《魔法门系列之英雄无敌5》矮人特殊效果 会员:KENTSHAW <提供 攻击者踏入矮人族护城河除了会随机触发6种攻击性魔法,还会对随机守城兵种增加一种符文。而且,这二者是一一对应的。 攻击者被震惊(Shock)--随机守城兵种获得霹雳符文 攻击者被震惊(Shock)--随机守城兵种获得神圣指引技能(人族英雄的技能,即行动条提前33%) 攻击者...

经验教程

237

收藏

31
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部