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!
So fahren Sie Ihren Computer schnell herunter
So verwenden Sie den Rahmenrahmen
ETH-Marktanalyse heute
So handeln Sie auf Binance
Einführung in die Bedeutung von Cloud-Download-Fenstern
WLAN ist verbunden, aber es gibt ein Ausrufezeichen
Socketpair-Nutzung
So importieren Sie MDF-Dateien in die Datenbank
