css实现标题栏鼠标滑过点击过后保持原色

html-css030

css实现标题栏鼠标滑过点击过后保持原色,第1张

实现标题栏鼠标滑过点击过后保持原色,不用像你那样写得这么复杂,按照你说的,只需要写一次样式就够了,写法如下:

#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:#006eadcolor:#fff}

试一试吧!

方法1:<a style="color:#f00" href="#">链接</a>

方法2:a,a:visited{color:#f00}a:hover{color:#f00}

a:link {color: #FF0000} /* 未访问的链接 */

a:visited {color: #FF0000} /* 已访问的链接 */

a:hover {color: #FF0000} /* 鼠标移动到链接上 */

a:active {color: #FF0000} /* 选定的链接 */

这四个属性都写成一个颜色就可以了

两个a标签的href写成一个