Les info-bulles sont visibles lorsque l'utilisateur déplace le curseur de la souris sur le texte. Vous pouvez y ajouter des informations pour faciliter la compréhension des utilisateurs.
Vous pouvez essayer d'exécuter le code suivant pour voir comment créer une info-bulle -
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>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
La différence entre la grande fonction et la fonction maximale
Comment utiliser la porte dérobée Shift
Qu'est-ce que le métaverse
Annuler le mot de passe de mise sous tension sous XP
Ripple le prix du marché actuel de la monnaie
Comment désactiver les mises à jour automatiques dans Win10
Quelle est la différence entre le framework CSS et la bibliothèque de composants
Pourquoi mon téléphone portable ne peut-il pas passer d'appels mais ne peut pas surfer sur Internet ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
