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