css里给h2文字设置鼠标经过下划线

html-css08

css里给h2文字设置鼠标经过下划线,第1张

css里给h2文字设置鼠标经过下。

1、鼠标滑过的文字与图片必须是在一个容器内,并且是容器盒子内相邻的元素。

2、需要将图片先进行隐藏。

3、设置文字滑过时hover+图片样式才让图片显示出来。

有可能是鼠标滑过的时候,因为文字,图片,间距或者边框等带有宽度和高度产生变化,导致的。ie6下面会有双倍边距的产生,这样会导致div出现错位,就有一定的晃动。你在仔细查查div的宽度之和是否超过了总宽度

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

#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}

试一试吧!