要达到鼠标滑过,背景变化的效果
其css代码为:
a.menu{
里面为鼠标没滑过时背景的样式width.height.float.background-image.margin等
}
a.menu:hover{
里面为鼠标滑过时背景的样式width.height.float.background-image.margin等
}
*注意:如有多个值,可写成 menu-1、menu-2...
其html代码为:
<div class="menu"><a class="menu" href="#">(加上自己的文字内容)<a></div>
达到的效果如下:
鼠标未移到当前位置时:
![](https://img-my.csdn.net/uploads/201211/28/1354102171_4487.png)
鼠标移到当前位置上时:
![](https://img-my.csdn.net/uploads/201211/28/1354102247_4459.png)