鼠标滑过改变文字的效果想必很多朋友都有遇到过吧,本文为大家介绍下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