|
Faire une info-bulle pour un site web est un moyen pour les développeurs web d' ajouter des informations supplémentaires à une page Web comme un lien d'information où vous ou les informations d'un champ de texte exige prendre . Les info-bulles sont un moyen de laisser une note à l'utilisateur quand ils souris sur une image ou du texte. Soigneusement pensé infobulles sont subtils et contribuent à améliorer l'expérience de l' utilisateur . Les info-bulles sont faciles à ajouter directement dans le code HTML de CSS . Instructions
1 Ajoutez le code CSS dans la section d'en-tête et en dessous de la balise de titre du fichier HTML.
2 < Style type = " text /css" > tip {border -bottom: 0px pointillés # 000000 ; color: # 000000 ; contour : none; cursor: pointer ; text-decoration : none; position: relative; } . . pointe durée { margin-left : - 999em ; position: absolute; } pointe : . hover durée { border-radius : 15px 15px ; box-shadow : 13px 13px 13px rgba (0, 0 , 0, 0.1); font-family : Georgia " , Times New Roman " , Times, serif ; position: absolute; gauche : 1em ; top : 2em ; z -index: 99; margin-left : 0; largeur : . 250px ;} {padding habituelle : 0.8em 1em ;} . d'habitude {background: # FFFFFF ; border: 1px solid # FFAD33 ;}
3 Insérer le code HTML suivant dans pour un échantillon de l'info-bulle .
4 exemples des infobulles CSS ! infobulles sont utilisés pour ajouter soigneusement pensé informations pour améliorer l'expérience de l'utilisateur. |
