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

html-css06

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}

试一试吧！

在下面句子的px定义大小里，分别加上一个相同的数值就可以了，当然这只是指高度，其他的比如图片什么的也要相应地调整一下：

#header{height:89pxbackground:#3399CC }

#tab{top:67pxbackground:url(http://img.baidu.com/hi/temp1/tabbg.gif) repeat-x}

#tabline{top:89pxbackground-color:#FFFFFF }