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

【css实现鼠标滑过改变文字的方法】相关文章：

CSS3实现选项卡切换的方法08-05

如何实现CSS右对齐10-29

CSS简写方法总结06-27

CSS+p实现悬浮效果的实例10-05

css实现的tab切换效果实例09-16

css就能实现简单导航栏实例08-15

CSS让网页设计简单的方法07-31

纯CSS如何实现动画的天气图标11-02

CSS元素定位的使用方法07-20

CSS如何实现天气带动画的天气图标07-14