导航栏,被点击后显示不同背景颜色..css怎么设置?

.cc ul li a:active {background:#fff; color:#fff;} 点了后无效啊
.cc ul li a:hover { background:#333; color:#fff;} 这个就有效果啊

a:visited这个不建议用,因为页面重新来的时候,它还默认为访问过

而active只是你点击后获取焦点的时候有效。一旦失去焦点就无效了。
建议用js来实现
就是对a 做onclick事件,当点击之后,将其样式更换成你需要的,这样就算失去焦点也不会又问题了。
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2016-04-17
顺序是很重要的!!!

.cc ul li a:visited { background:#00C; color:#063;} 访问过后。
.cc ul li a:hover { background:#333; color:#fff;} 移上去的样式
.cc ul li a:active {background:#fff; color:#fff;} 点击鼠标不放的效果

你上下换了位置,会不正常的。追问



美女

如果要让美女 这个div居左..是定义m1还是定义m2 ?

追答

定义m2哦亲。

追问

div定义的是本身还是..他所包含的元素? 例如长宽、边距都是定义本身吧? 有点晕

追答

当然定义它本身了,你表晕。

追问

如果定义了..m1居左 那m2那个在他里面 会继承他 居左吗?

大哥 你还在看吗?

追答

不会哦。其实对于新手来说,你这样布局是不好理解的。
如果你的m1宽度是500px,m2的宽度是200px,然后让m2居左。那么你完全可以在下面再建一个m3,宽度设置300px。然后m1m2m3设置统一高度,让m2 m3 的float:left,这样就很好操作了。

能理解吗?

追问

这个懂了....但是我觉得...他们虽然横着排了...我总觉得是被逼的..是背挤出来的..这样好吗?

追答

你熟练这种排法以后就可以去研究自由浮动了。一步步来嘛

本回答被提问者采纳
第2个回答  2012-03-06
a:visited试试
第3个回答  2012-03-06
颜色

html css js导航点击菜单后自动改变背景颜色
1、建立一个静态页命名为change.html ,标题为js导航点击的怎么同时变图片跟字体颜色。2、设置一个简易的导航栏。3、加css 控制菜单的样式,并加入背景图片。4、为li添加id,创建函数fun ,并传递传递参数。5、为函数加入点击导航改变背景图片的代码element.style.backgroundImage="url(images\/bg2.png)...

DW制作网页导航栏如何设置鼠标经过时背景颜色会改变?
使用伪类 :hover{background-color:#f00;} 例如你要给一个div 标签设置鼠标悬浮上去改变背景,css样式:.box{background-color:#0f0;} \/\/设置div的背景颜色 .box:hover{background-color:#f00;} \/\/设置鼠标悬浮上去时的背景意思 html内容:鼠标悬浮改变背景 ...

css导航菜单点击后如何改变背景图片?
CSS中,可以用伪类来改变背景图片,一般有几种状态:a:link 未访问时候的状态 a:hover 鼠标放上去时候的状态 a:visited 已访问的状态 a:active 鼠标按下去时候的状态 你只要根据这几点来写就可以,你要点击后改变背景,可以这样写:a:link{background:url(原来的图片) no-repeat;}a:visited{back...

导航点击后背景图没有换 这段CSS应该怎么改?
a:hover中的background就是你要鼠标经过时的背景,如果要产生视觉差别感,他不能与其他的两个(a和a:active)的background一样!

网页制作中如何实现鼠标单击改变导航栏元素背景颜色的效果?
方法一:js+url,方法二:php语言判断,单单html+css实现不了你要的效果

淘宝店铺导航栏“首页处”的背景颜色不同怎么更改成导航栏一样的颜色...
转载如下:所以我们还要加上两条代码4.字外:.skin-box-bd .menu-list .menu-selected .link{background:#此处设为跟其他背景一样的颜色;} 5.字里:.skin-box-bd .menu-list .menu-selected .link .title{background:#此处设为跟其他背景一样的颜色;} 字外+字里=全部!这样就完整了 ...

css设置导航条鼠标经过字体颜色改变
这是设置下a标签就行了,比如:<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" " http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"> 无标题文档 a{ color:#000; text-decoration:none;} a:hover{ color:#F00;} .menu{ width:1004px; height:30px...

如何设置二级导航字体颜色
设置类名为下拉菜单>。5、改变点击“菜单”,弹出二级栏目时的颜色。css代码是。navbar-default.navbar-nav>.open>:焦点{颜色:黑色,背景颜色:红色。}>。6、改变导航栏默认文字的颜色。设置类名navbar-default下面一个标签的文字颜色为白色,代码是。navbar-default.navbar-nav>li>{颜色:#fff。...

怎么用css做网页左边的导航怎么用css做网页左边的导航框
方法\/步骤 1.使用ul列表设置导航栏 2.设置nav元素CSS样式宽度高度背景颜色 3.将li元素内容移动 4.去除下划线 5.内容居中 html搜索框长度怎么设置?inputtype="text"\/>inputtype="button"value="search"\/> .aa{width:100px;height:20px;boder:solid1px#f00;}\/\/定义搜索框的大小高度以及边框颜色。...

css怎么设置鼠标变背景
另外,假如编辑的导航菜单是横向导航,还需要将浮动设置成为左对齐,要是纵向导航就不需要设置了。li a标签的设置 文字颜色和链接时的显示样式 文字颜色可以按自己喜欢的方式去选择,修饰我们选择无,因为超链在默认情况下是带下划线的,选择无也就没有下划线了。背景设置 这里的背景是文字带上超链时的背景...

相似回答