CSS可以通過設(shè)置title
屬性來讓鼠標(biāo)顯示提示,這個屬性可以為元素提供一個文本提示,當(dāng)鼠標(biāo)懸停在該元素上時,這個提示就會顯示出來。
我們可以為一個按鈕設(shè)置一個提示:
<button title="這是一個按鈕">按鈕</button>
當(dāng)鼠標(biāo)懸停在這個按鈕上時,就會顯示出“這是一個按鈕”這個提示。
CSS還可以通過tooltip
屬性來設(shè)置更復(fù)雜的提示信息,這個屬性可以提供一個HTML元素作為提示,這個提示可以包含任何HTML內(nèi)容,如文本、圖片等。
我們可以為一個圖片設(shè)置一個包含文本的提示:
<img src="image.png" alt="圖片" title="圖片描述">
當(dāng)鼠標(biāo)懸停在這個圖片上時,就會顯示出“圖片描述”這個提示,這個提示可以包含任何文本內(nèi)容。
CSS還可以通過data-tooltip
屬性來設(shè)置自定義的提示信息,這個屬性可以提供一個自定義的HTML元素作為提示,這個提示可以包含任何HTML內(nèi)容,如文本、圖片等。
我們可以為一個鏈接設(shè)置一個自定義的提示:
<a href="#" data-tooltip="這是一個鏈接">鏈接</a>
當(dāng)鼠標(biāo)懸停在這個鏈接上時,就會顯示出“這是一個鏈接”這個自定義的提示。