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实现鼠标滑过改变文字的方法】相关文章:
提高鼠标反应速度的方法10-04
鼠标常见故障处理方法10-05
word竖排文字的方法10-07
电脑鼠标突然失灵的解决方法10-04
PHP多线程的实现方法09-12
JAVA实现生成GUID的方法12-04
关于Java动态实现的方法11-22
电脑找不到鼠标的解决方法10-08
php页面缓存实现方法09-12
电脑鼠标关机后发光问题的解决方法10-03