當前位置:才華齋>設計>網頁設計>

css實現滑鼠滑過改變文字的方法

網頁設計 閱讀(8.34K)

同學你們知道怎麼實現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