當你將鼠標懸停在一個HTML元素顯示工具提示文本（或其它內容）。
內嵌工具提示文本
將鼠標懸停在下面的句子！
倫敦900萬是英國的首都城市。
在W3-提示類定義的HTML元素懸停（工具提示容器）。
W3的文本類定義的工具提示文本：
例
<p class="w3-tooltip">London
<span
class="w3-text">9 million</span>
is the capital city of
England</p> 試一試» 內嵌工具提示標籤
將鼠標懸停在下面的句子！
倫敦900萬是英國的首都城市。
在W3-提示類定義的HTML元素懸停（工具提示容器）。
W3的文本類定義的工具提示文本：
例
<p class="w3-tooltip">London
<span
class="w3-text w3-tag">9 million</span>
is the capital
city of England</p> 試一試» 大型工具提示
將鼠標懸停在圖片查看效果：
一輛車是用於運輸的輪式，自供電的機動車。 一詞的定義大多規定，汽車通常有四個輪子。（維基百科）
在W3-提示類定義的HTML元素懸停（工具提示容器）。
W3的文本類定義的工具提示文本：
示例（照片前文）
<div class="w3-tooltip">
<p
class="w3-text">A car is a wheeled, self-powered motor vehicle used for transportation.
Most definitions of the term specify that cars typically have
four wheels.(Wikipedia)</p>
<img src="img_car.jpg"
alt="Car" style="width:100%">
</div> 試一試» 示例（照片後文）
<div class="w3-tooltip">
<img src="img_car.jpg"
alt="Car" style="width:100%">
<p
class="w3-text">A car is a wheeled, self-powered motor vehicle used for transportation.
Most definitions of the term specify that cars typically have
four wheels.(Wikipedia)</p>
</div> 試一試» 絕對的工具提示
如果您希望工具提示出現在絕對位置，定位工具提示文本（W3文本）：
例
<p class="w3-tooltip">London is the capital city
of England.
<span style="position:absolute;left:0;bottom:18px"
class="w3-text w3-tag">9million</span></p> 試一試» 彩色工具提示
如果你想有一個彩色的提示，使用W3色類：
圓角工具提示
如果你想有一個圓形的提示，使用W3輪類：
小工具提示
如果你想要一個小提示，使用W3小類：
微小的工具提示
如果你想有一個小小的提示，使用W3-微小類：
大型工具提示
如果你想有一個大的提示，使用W3-大班：