html鼠标悬停直线变粗,鼠标悬停或经过对象时CSS样式变化设置

:hover伪类配置名目 鼠标悬停颠末形态

鼠标悬停或经由对象时CSS格局转变设置装备摆设，常见于对A超链接标签设置鼠标经由悬停时CSS名目。

a:hover{ color:#F00; background:#CCC}

设置超链接A对象鼠标悬停时，A超链接对象字体色彩改动为红色，靠山色彩为灰黑色。

Span:hover{ color:#F00}

鼠标悬停或经过span标签对象时，字体色调变为赤色。

寄望：此前对非a超链接标签设置IE6不兼容hover，但其时运用IE6对比浓密了，可以不思量IE6兼容非a标签的hover.

A标签设置装备摆设hover想必大家都清楚，对别的标签设置装备摆设实在也是如斯，对class或id定名配置便可。

非A标签元素配置hover

.abc{ color:#000; bac公斤round:#FFF}

.abc:hover{color:#F00;bac公斤round:#CCC}

默认此class=abc对象内字体色调为彩色，背景纯白色

鼠标悬停在div class=abc竞争对象时，字体色调和配景色彩扭转 功效截图

以上实例显示了对非a对象也大约设置hover伪类门径设置装备摆设CSS花式。