html中选中的背景色怎么设置 像图中进入主页 第一个背景就是蓝色，进入关于我们 ，对应的也是蓝色
2个回答
展开全部
很明显,你图中的那个蓝色是用的背景图,而不是纯色的背景色,而且不只背景色,字体色也是白的,不是黑的.这个是用CSS控制背景图和字体颜色实现的.
.selected {
background-image:url('蓝色背景图文件');
color: #FFFFFF;
}
.other {
background-image:url('白色背景图文件');
color: #000000;
}
当前项应用selected样式,其它项应用other样式,就行了.
.selected {
background-image:url('蓝色背景图文件');
color: #FFFFFF;
}
.other {
background-image:url('白色背景图文件');
color: #000000;
}
当前项应用selected样式,其它项应用other样式,就行了.
更多追问追答
追问
#mnu ul li a.selected{
background: #666; font-weight:bold;
}
这样没有效果
追答
如果你样式引用正确,而且网页结构符合CSS中选择器规则,那么你应该看到灰色的背景.
确认一下你的选择器与你网页结构一致吧.
你贴出来的CSS没有问题.
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你第一个都设置好了，第二个也就同理了！
这个有两种做法，我介绍一种比较兼容的写法吧
HTML代码:
<ul>
<li><a href="###">关于我们<a/><li>
</ul>
CSS代码:
ul li a{
display:block;
width:长度;
height:高度;
background:blue; 这个就是设置关于我们的颜色
text-decoration:none; //去掉下划线
}
ul li a;hover{
background:orange;鼠标放上去的颜色
}
不懂可以百度HI我，希望可以帮助到你
这个有两种做法，我介绍一种比较兼容的写法吧
HTML代码:
<ul>
<li><a href="###">关于我们<a/><li>
</ul>
CSS代码:
ul li a{
display:block;
width:长度;
height:高度;
background:blue; 这个就是设置关于我们的颜色
text-decoration:none; //去掉下划线
}
ul li a;hover{
background:orange;鼠标放上去的颜色
}
不懂可以百度HI我，希望可以帮助到你
更多追问追答
追问
你那个是经过，我用选中的背景
追答
你想怎么弄呢？我现在不明白了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
