html中选中的背景色怎么设置像图中进入主页第一个背景就是蓝色，进入关于我们，对应的也是蓝色

发布网友发布时间：2022-04-27 10:07

共2个回答

热心网友时间：2023-09-25 12:15

很明显,你图中的那个蓝色是用的背景图,而不是纯色的背景色,而且不只背景色,字体色也是白的,不是黑的.这个是用CSS控制背景图和字体颜色实现的.
.selected {
background-image:url('蓝色背景图文件');
color: #FFFFFF;
}
.other {
background-image:url('白色背景图文件');
color: #000000;
}
当前项应用selected样式,其它项应用other样式,就行了.

热心网友时间：2023-09-25 12:16

你第一个都设置好了，第二个也就同理了！
这个有两种做法，我介绍一种比较兼容的写法吧
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中选中的背景色怎么设置 像图中进入主页 第一个背景就是蓝色，进入关于我们 ，对应的也是蓝色

html中选中的背景色怎么设置像图中进入主页第一个背景就是蓝色，进入关于我们，对应的也是蓝色