怎么用css实现鼠标移上去不同样式?

html-css017

怎么用css实现鼠标移上去不同样式?,第1张

css使用:hover可以给当前元素增加鼠标经过效果的样式。

js可以使用mouseenter,mouseover或者jquery的hover事件内部实现更改元素的样式。

用hover就可以了,意思是当鼠标经过时

举个例子,一个叫top类的div:

.top:hover{ color:#F00font-size:18px}

意思是当鼠标经过时字体颜色变为红色,大小变为18像素,离开后恢复原样。