css實(shí)現(xiàn)鼠標(biāo)滑過(guò)改變文字的方法

　　同學(xué)你們知道怎么實(shí)現(xiàn)css鼠標(biāo)滑過(guò)改變文字的效果嗎？下面小編給大家整理了css實(shí)現(xiàn)鼠標(biāo)滑過(guò)改變文字的方法，供大家參閱。

　　代碼如下:

　　#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首頁(yè)

　　NEWS新聞

　　ABOUT關(guān)于

　　CONTACT聯(lián)系

　　照片PHOTO

【css實(shí)現(xiàn)鼠標(biāo)滑過(guò)改變文字的方法】相關(guān)文章：

css設(shè)置鼠標(biāo)手勢(shì)的方法06-24

css設(shè)置鼠標(biāo)事件的方法08-17

css實(shí)現(xiàn)文字過(guò)長(zhǎng)顯示省略號(hào)的方法10-25

用單div實(shí)現(xiàn)CSS繪圖方法08-11

CSS3實(shí)現(xiàn)選項(xiàng)卡切換的方法08-05

如何實(shí)現(xiàn)CSS右對(duì)齊10-29

CSS簡(jiǎn)寫(xiě)方法總結(jié)06-27

CSS+p實(shí)現(xiàn)懸浮效果的實(shí)例10-05

css實(shí)現(xiàn)的tab切換效果實(shí)例09-16