内蒙古体彩十一选五前三直:div css鼠标悬停锚文本超链接文字背景颜色或图片变化

内蒙古11选五开奖5号的鼠标悬停超链接文字上时背景改变,鼠标经过文字链接时(悬停),文字的背景图片发生改变(出现背景图片或背景颜色)。

鼠标经过悬停在超链接文字上时背景颜色或背景图片出现或改变教程篇。

内蒙古11选五开奖5号的布局技巧其实是对a标签做鼠标经过CSS样式。利用以下代码:

a{...} 原始超链接默认样式设置
a:hover{...}鼠标悬停经过时超链接锚文本CSS样式(扩展阅读:ie6 hover)

一、链接文字无背景鼠标经过悬停出现背景颜色

当鼠标经过无背景颜色背景图片的文字超链接时(悬停),超链接锚文本文字背景出现背景颜色。

用到CSS属性单词:
background+具体颜色值

我们通过实例实现鼠标经过a链接css背景颜色改变,我们对超链接a标签外加个div盒子css命名为".thinkcss-abc"

1、完整实例HTML源代码

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta charset="utf-8" /> 
  5. <title>a背景颜色改变</title> 
  6. <style> 
  7. .thinkcss-abc a{ color:#000}/* css注释说明:超链接颜色为黑色 */ 
  8. .thinkcss-abc a:hover{ background:#00F; color:#FFF} 
  9. /* css 注释说明:鼠标经过悬停超链接时字体颜色为白色,背景为蓝色*/ 
  10. </style> 
  11. </head> 
  12.  
  13. <body> 
  14. <div class="thinkcss-abc"> 
  15. 欢迎来到<a href="//www.phlmy.com/">thinkcss</a> 
  16. </div> 
  17. </body> 
  18. </html> 

2、背景颜色改变实例截图

鼠标经过背景颜色为蓝色字体为白色
鼠标经过背景颜色为蓝色字体为白色

以上通过对a标签设置鼠标经过时“a:hover”背景颜色出现为蓝色。

二、鼠标经过文字链接背景变为图片

当鼠标经过超链接的文字时,文字背景将图片作为背景。

我们通过实例实现鼠标经过a链接背景改变为图片,我们对超链接a标签外加个div盒子css命名为".thinkcss-def"

1、完整HTML+css代码

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta charset="utf-8" /> 
  5. <title>a背景改变</title> 
  6. <style> 
  7. .thinkcss-def a{ color:#000; padding:10px 10px; line-height:30px}/* css注释说明:超链接颜色为黑色 */ 
  8. .thinkcss-def a:hover{color:#FFF; background:url(bj.gif) no-repeat center} 
  9. /* css 注释说明:鼠标经过悬停超链接时字体颜色为白色,背景为图片*/ 
  10. </style> 
  11. </head> 
  12.  
  13. <body> 
  14. <div class="thinkcss-def"> 
  15. 欢迎来到<a href="//www.phlmy.com/">thinkcss</a> 
  16. </div> 
  17. </body> 
  18. </html> 

2、文字链接鼠标经过背景改变为图片实例截图

鼠标经过悬停在超链接文字上时背景变为图片
鼠标经过悬停在超链接文字上时背景出现图片效果截图

三、以上两个实例演示与打包下载

1、在线演示:查看案例

2、DIV+CSS源文件+图片素材打包下载:

以上两种情况的超链接文字鼠标悬停经过时候使用内蒙古11选五开奖5号的实现超链接背景改变,可改变为背景颜色或背景图片美化效果,简单地说是对a:hover设置样式实现我们需要的美化布局。

相关标签: 超链接 锚文本 链接背景改变
如需转载,请注明文章出处和来源网址://www.phlmy.com/jiqiao/620.shtml

日期:2013-09-17 14:29:16 来源:内蒙古11选五开奖5号的 www.phlmy.com 作者:css

热门点击

  • 《读药》151期:短篇小说——解读蒋一谈《庐山隐士》 2019-07-15
  • 70期:开创了中国人太空“开飞船”历史的刘旺 2019-07-15
  • 纪念人民日报创刊70周年改革开放40周年美术活动 2019-07-07
  • 菜鸟世界杯送出50吨包裹 荷兰成国旗最大购买地菜鸟世界杯送出50吨包裹荷兰成国旗最大购买地-手机行情 2019-07-02
  • [鄙视]就你这智商还挑战爱因斯坦?蚍蜉撼树也! 2019-07-02
  • 图解:从中国新闻奖、长江韬奋奖看人民日报70年 2019-06-27
  • 江夏区宣传干部培训班圆满落幕 荆楚网携手江夏区委宣传部举办 2019-06-26
  • 供应链如何更“智慧” 2019-06-17
  • 推动民营企业创新发展 2019-05-31
  • 【北京中汽双会车型报价】北京中汽双会4S店车型价格 2019-05-31
  • 弘扬光荣传统 勇立时代潮头 忠实履职尽责 2019-05-30
  • 世界很多国家想拥有核弹,但迫于种种原因而没能实现。 2019-05-25
  • 阿呆,那是你家远祖啊,还不跪拜?[哈哈] 2019-05-15
  • 泰国推出“智慧签证”吸引人才 2019-05-15
  • “印象”世界杯:揭幕战红色风暴席卷绿茵场 2019-04-29
  • 快乐10分复式3任选兑奖多少倍 体彩江苏7位数第18128期 吉林时时彩彩票控 老k游戏捕鱼 燕赵风彩20选5最新开奖 黑龙江时时彩开始时间 棋牌游戏真钱版 湖南快乐十分专家杀号 江苏11选515号开奖查询 体彩安徽十一选五走势图表 新疆喜乐彩走势图 今日多乐彩开奖号码 中国棒球队 广西福利彩票走势图 南粤风采26选5开奖时间