如何用css去掉a标签点击时的背景色？

html-css026

如何用css去掉a标签点击时的背景色？,第1张

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：a:hover{color: black}。

3、浏览器运行index.html页面，此时a标签点击时的背景色成功被去掉了。

你把class="navhome"写在<li>里面，<a>就没有图片了的。

所以你看到的其实是<li>的背景图片！

你自己写的代码，看到的背景图片，其实是<li>里面的背景图片，而<a>根本一直没有背景图片的！

所以，就算你写了，让鼠标方式去后，让<a>没有背景图片，但是，由于<a>后面的<li>一直有背景图片，所以我们一直都看到背景图片。

修改下这里就可以了：

<li><a href="#" class="navhome">首页</a></li>

<li><a href="#" class="navblog">日志</a></li>

<li><a href="#" class="navphoto">相册</a></li>

<li><a href="#" class="navmusic">音乐</a></li>

<li><a href="#" class="navprofile">档案</a></li>

<li><a href="#" class="navfriend">交友</a></li>

<li><a href="#" class="navvideo">视频</a></li>

<li><a href="#" class="navres">资源</a></li>

把下面代码放在你的按钮里。

style="filter:alpha(opacity=0)-moz-opacity:0opacity: 0"

如：<a href="#" style="filter:alpha(opacity=0)-moz-opacity:0opacity: 0">添加</a>