CSS如何实现超链接背景切换_html/css_WEB-ITnose
程序员文章站
2022-04-14 12:13:10
...
CSS如何实现超链接背景切换:
相当数量的网站在导航栏都有如此效果:当鼠标放在导航栏目上,背景图片会发生变化,移开之后又会还原原来的背景图片。下面简单介绍一下如何实现此效果。代码实例如下:
蚂蚁部落
以上代码实现了我们的要求。实现的过程非常简单:
第一步,将超链接的默认状态下设置一个背景图片。
第二部,在鼠标放到超链接上的时候设置成另一张背景图片。
注意:a元素必需要转换成块级元素,否则无法设置高度和宽度。
原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0508/938.html
最为原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4683
推荐阅读
-
使用Html+Css实现简易导航栏功能(导航栏遇到鼠标切换背景颜色)
-
CSS实现背景透明,文字不透明(兼容各浏览器)_html/css_WEB-ITnose
-
js实现图片切换效果_html/css_WEB-ITnose
-
js实现图片切换效果_html/css_WEB-ITnose
-
jquery+div如何实现frameset效果?_html/css_WEB-ITnose
-
怎么实现背景色从中间往两边渐变?_html/css_WEB-ITnose
-
如何去掉选中后的蓝色背景_html/css_WEB-ITnose
-
纯css实现菜单激活状态切换_html/css_WEB-ITnose
-
禁止切换页面如何实现?类似在线考试系统防作弊的_html/css_WEB-ITnose
-
CSS+DIV实现鼠标经过背景变色_html/css_WEB-ITnose