Tooltips werden angezeigt, wenn der Benutzer den Mauszeiger über den Text bewegt. Sie können dort Informationen hinzufügen, um den Benutzern das Verständnis zu erleichtern.
Sie können versuchen, den folgenden Code auszuführen, um zu sehen, wie Sie einen Tooltip erstellen –
Live-Demo
<!DOCTYPE html>
<html>
<style>
#mytooltip #mytext {
visibility: hidden;
width: 100px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 3px;
padding: 10px 0;
position: absolute;
z-index: 1;
}
#mytooltip:hover #mytext {
visibility: visible;
}
</style>
<body>
<div id = "mytooltip">Hover the mouse over me
<p id = "mytext">My Tooltip text</p>
</div>
</body>
</html>Das obige ist der detaillierte Inhalt vonErstellen Sie Tooltips mit CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Einführung in die Bedeutung von Cloud-Download-Fenstern
Lösung für die vscode-Einstellung der chinesischen Schnittstelle wird nicht wirksam
So schließen Sie Port 135 445
Warum öffnet sich die mobile Festplatte so langsam?
So verwenden Sie Split in Python
Handy-Bildschirm tft
So ändern Sie die Größe von Bildern in PS
0x80070057 Parameterfehlerlösung
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
