css实现鼠标滑过改变文字的方法

同学你们知道怎么实现css鼠标滑过改变文字的效果吗?下面小编给大家整理了css实现鼠标滑过改变文字的方法,供大家参阅。

css实现鼠标滑过改变文字的方法

代码如下:

#Menu {

width:500px;

margin:50px auto;

border:1px solid #CCC;

overflow:hidden;

}

#Menu ul {

margin:0;

padding:0;

list-style:none;

}

#Menu li {

width:100px;

height:22px;

line-height:22px;

float:left;

overflow:hidden;

text-align:center;

}

#Menu a {

width:100px;

float:left;

overflow:hidden;

}

#Menu span {

display:block;

margin-top:-22px;

}

#Menu a:hover {

padding-top:22px;

}

HOME首页

NEWS新闻

ABOUT关于

CONTACT联系

照片PHOTO