實現(xiàn)鼠標(biāo)懸停顯示文字，html中使用title屬性就可實現(xiàn)顯示文字的效果，這個屬性還是比較實用的，你可以參考下 lta href=quot#quot title=quot這里是顯示的文字quothellolta 當(dāng)鼠標(biāo)懸停在 hello上一會就會有文字 quot這里是顯示的文字quot 顯示。

以下演示具體步驟1打開一個HTML文件，添加好基本標(biāo)簽并在body標(biāo)簽里添加p標(biāo)簽，并在p標(biāo)簽里添加所要變色的文字2接下來對p標(biāo)簽添加css樣式，并添加hover屬性當(dāng)鼠標(biāo)懸停在p標(biāo)簽上時間文字變?yōu)榧t色，大小變?yōu)?0px3編輯好后保存在瀏覽器中執(zhí)行該HTML文件，鼠標(biāo)懸停在文字上即可看到效果了。

設(shè)置標(biāo)記的title屬性就行了比如 ltfont title=quotxxxquot鼠標(biāo)移上來ltfont 就會顯示xxx，移走就沒了。

HTML方式，CCS方式1HTML方式可以使用div框來做出鼠標(biāo)移動到指定位置顯示內(nèi)容的效果2CSS方式通過display屬性設(shè)置為，即默認不顯示該元素，當(dāng)鼠標(biāo)移動到該元素上時，再顯示出來。

3現(xiàn)在背景設(shè)置好了，加入內(nèi)容，看看效果在ltbody內(nèi)寫入內(nèi)容運行滾動鼠標(biāo)圖片是不是不動的4點擊運行點擊文件，新建，css文件命名輸入bodybackgroundimage urlimga3jpgbackgroundattachment fixed5返回html在lthead內(nèi)輸入ltlink rel=quotstylesheetquot type=quottext。

在你好字上加入 標(biāo)簽 alt=quot你好quot屬性 如比如加入一個圖片，嗯在圖片后面加入altalt=quot你好quot屬性，當(dāng)鼠標(biāo)移到上面時就 會顯示 你好 字樣。

background #ccc ”3給div標(biāo)簽添加hover偽類，然后打出一個空格，再設(shè)置此時p標(biāo)簽的顯示樣式代碼為“divhover p display block ”，這段代碼的意思是，當(dāng)鼠標(biāo)放在div上時，將p標(biāo)簽的顯示狀態(tài)從隱藏改成顯示，此時p標(biāo)簽中的文字就會顯示出來4當(dāng)鼠標(biāo)從div移走時，文字就會消失。