欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS如何实现超链接背景切换_html/css_WEB-ITnose

程序员文章站 2022-03-28 09:05:52
...
CSS如何实现超链接背景切换:

相当数量的网站在导航栏都有如此效果:当鼠标放在导航栏目上,背景图片会发生变化,移开之后又会还原原来的背景图片。下面简单介绍一下如何实现此效果。代码实例如下:

蚂蚁部落

以上代码实现了我们的要求。实现的过程非常简单:

第一步,将超链接的默认状态下设置一个背景图片。

第二部,在鼠标放到超链接上的时候设置成另一张背景图片。

注意:a元素必需要转换成块级元素,否则无法设置高度和宽度。

原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0508/938.html

最为原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4683