html鼠标悬停改变文字(css实现鼠标滑过改变文字的方法)
大家好,霖霖来为大家解答以上问题。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
本文到此结束,希望对大家有所帮助。
免责声明:本文由用户上传,与本网站立场无关。财经信息仅供读者参考,并不构成投资建议。投资者据此操作,风险自担。 如有侵权请联系删除!