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

本文到此结束,希望对大家有所帮助。

免责声明:本文由用户上传,与本网站立场无关。财经信息仅供读者参考,并不构成投资建议。投资者据此操作,风险自担。 如有侵权请联系删除!