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
【css實現鼠標滑過改變文字的方法】相關文章：
css設置鼠標手勢的方法11-02
css設置鼠標事件的方法09-03
css實現文字過長顯示省略號的方法11-26
用單div實現CSS繪圖方法10-20
CSS3實現選項卡切換的方法02-24
如何實現CSS右對齊08-21
CSS簡寫方法總結10-30
css就能實現簡單導航欄實例03-16
css實現的tab切換效果實例02-26