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