純CSS實(shí)現(xiàn)鼠標(biāo)放上去改變文字內(nèi)容
更新時(shí)間：2014年05月16日 10:08:16 作者：
這篇文章主要介紹了純CSS實(shí)現(xiàn)鼠標(biāo)放上去改變文字內(nèi)容,需要的朋友可以參考下
css樣式
復(fù)制代碼 代碼如下:
.remind span {display:block;margin-top:-22px;}
.remind a:hover {padding-top:22px;}
.remind a {float:left;overflow:hidden;}
.remind{height:22px;line-height:22px;overflow:hidden;padding-left:10px;}
html代碼
復(fù)制代碼 代碼如下:
<div class="remind"><a href="#"><span>如需修改帳號(hào)，請(qǐng)發(fā)送修改信息及相關(guān)證明至郵箱</span>提示</a></div>
具體實(shí)例
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
CSS之自動(dòng)換行...2006-09-09
XHTML標(biāo)準(zhǔn)的版本...2006-09-09
這篇文章主要介紹了不要在HTML中濫用div，對(duì)前端感興趣的同學(xué)，一定要看一下2021-05-05
在IE中為abbr標(biāo)簽加樣式...2006-09-09
Flash頁(yè)面如何通過(guò)校驗(yàn)...2006-08-08
這篇文章主要介紹了小技巧處理div內(nèi)容溢出的方法,需要的朋友可以參考下2014-05-05
調(diào)整CSS類型的順序改變鏈接翻滾效果...2006-09-09
快速制作CSS導(dǎo)航菜單教...2006-09-09
一段巧妙的css debug代碼...2006-09-09
130個(gè)漂亮CSS布局站點(diǎn)參考...2006-09-09