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
【css实现鼠标滑过改变文字的方法】相关文章：
css设置鼠标手势的方法11-02
css设置鼠标事件的方法09-03
css实现文字过长显示省略号的方法11-26
用单div实现CSS绘图方法10-20
CSS3实现选项卡切换的方法02-24
如何实现CSS右对齐08-21
CSS简写方法总结10-30
css就能实现简单导航栏实例03-16
css实现的tab切换效果实例02-26