css实现标题栏鼠标滑过点击过后保持原色
#dhullia:link{display:block;background:#006ead;width:125px;height:43px;}#dhullia:visi...
#dh ul li a:link{
display:block;
background:#006ead;
width:125px;
height:43px;
}
#dh ul li a:visited{
display:block;
background:#0193de;
width:125px;
height:43px;
}
#dh ul li a:hover{
display:block;
background:#006ead;
width:125px;
height:43px;
}
#dh ul li a:active{
display:block;
background:#006ead;
width:125px;
height:43px;
} 展开
display:block;
background:#006ead;
width:125px;
height:43px;
}
#dh ul li a:visited{
display:block;
background:#0193de;
width:125px;
height:43px;
}
#dh ul li a:hover{
display:block;
background:#006ead;
width:125px;
height:43px;
}
#dh ul li a:active{
display:block;
background:#006ead;
width:125px;
height:43px;
} 展开
2个回答
展开全部
实现标题栏鼠标滑过点击过后保持原色,不用像你那样写得这么复杂,按照你说的,只需要写一次样式就够了,写法如下:
#dh ul li a {
display:block;
background:#006ead;
width:125px;
height:43px;
}
现在我无论是在默认状态下、鼠标移上去时、鼠标点击时,或是点击过后,a标签背景颜色都会保持在初始状态,不会改变。
如果需要鼠标移上去时,背景变色,那就加多一条a:hover,写法如下:
#dh ul li a:hover{
display:block;
background:#0193de;
width:125px;
height:43px;
}
现在就只有鼠标移上去时背景会变色,其他情况颜色都不会变化。
提示:如果需要文字一直保持原色,只需要在第一条#dh ul li a 的代码里加上一条“color:颜色属性”即可。例如:#dh ul li a {background:#006ead;color:#fff}
试一试吧!
#dh ul li a {
display:block;
background:#006ead;
width:125px;
height:43px;
}
现在我无论是在默认状态下、鼠标移上去时、鼠标点击时,或是点击过后,a标签背景颜色都会保持在初始状态,不会改变。
如果需要鼠标移上去时,背景变色,那就加多一条a:hover,写法如下:
#dh ul li a:hover{
display:block;
background:#0193de;
width:125px;
height:43px;
}
现在就只有鼠标移上去时背景会变色,其他情况颜色都不会变化。
提示:如果需要文字一直保持原色,只需要在第一条#dh ul li a 的代码里加上一条“color:颜色属性”即可。例如:#dh ul li a {background:#006ead;color:#fff}
试一试吧!
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询