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實現鼠標滑過改變文字的方法】相關文章：

CSS3實現選項卡切換的方法08-05

如何實現CSS右對齊10-29

CSS簡寫方法總結06-27

CSS+p實現懸浮效果的實例10-05

css實現的tab切換效果實例09-16

css就能實現簡單導航欄實例08-15

CSS讓網頁設計簡單的方法07-31

純CSS如何實現動畫的天氣圖標11-02

CSS元素定位的使用方法07-20

CSS如何實現天氣帶動畫的天氣圖標07-14