#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;
}
css实现标题栏鼠标滑过点击过后保持原色
答案:2 悬赏:10 手机版
解决时间 2021-04-13 00:04
- 提问者网友:两耳就是菩提
- 2021-04-12 02:04
最佳答案
- 五星知识达人网友:平生事
- 2021-04-12 02:30
实现标题栏鼠标滑过点击过后保持原色,不用像你那样写得这么复杂,按照你说的,只需要写一次样式就够了,写法如下:
#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}
试一试吧!
全部回答
- 1楼网友:底特律间谍
- 2021-04-12 02:45
你好!
加一个color:#006ead;
仅代表个人观点,不喜勿喷,谢谢。
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯