📅 最后修改于: 2020-11-05 09:15:24 🧑 作者: Mango
当用户将鼠标光标移到某个元素上时，CSS工具提示是一种显示有关某事的额外信息的好方法。
让我们创建一个基本的工具提示，当鼠标光标移到某个元素上时显示。
请参阅以下示例：
Move the mouse over the text below:
Hover over me
This is tooltip text
通过使用工具提示，可以通过四种方式显示工具提示信息的位置：
顶部工具提示指定，如果将鼠标光标移到元素上方，则工具提示信息将显示在元素顶部。
请参阅以下示例：
Top Tooltip Example
Move your mouse cursor over the below heading
Welcome to JavaTpoint
A solution of all technology.
底部的工具提示指定，如果将鼠标光标移到元素上，则工具提示信息将显示在元素的底部。
请参阅以下示例：
Bottom Tooltip Example
Move your mouse cursor over the below heading
Welcome to JavaTpoint
A solution of all technology.
左侧的工具提示指定，如果将鼠标光标移到元素上，则工具提示信息将显示在元素的左侧。
请参阅以下示例：
Left Tooltip Example
Move your mouse cursor over the below heading
Welcome to JavaTpoint
A solution of all technology.
右边的工具提示指定，如果将鼠标光标移到元素上，则工具提示信息将显示在元素的右侧。
请参阅以下示例：
Right Tooltip Example
Move your mouse cursor over the below heading
Welcome to JavaTpoint
A solution of all technology.