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

Question

如题所述

Answer 1

html鼠标悬停改变文字，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