Gjør et verktøytips for et nettsted er en måte for webutviklere å legge til ytterligere informasjon til en webside for eksempel informasjon der en link tar deg eller informasjon et tekstfelt krever. Tooltips er en måte å forlate et notat til brukeren når de musen over et bilde eller tekst . Nøye gjennomtenkt tooltips er subtile og bidra til å forbedre brukerens opplevelse . Verktøytips er enkelt å legge direkte i HTML-koden gjennom CSS . Instruksjoner
en

Legg CSS-koden i overskriften delen og under tittelen tag av HTML-filen .
2

< stil type = "text /css "> tip {border -bottom: 0px prikkete # 000000 ; color: # 000000 ; disposisjon : none; markøren : pekeren ; text -decoration : none; position: relative ; } . . tips span { margin -left: - 999em ; posisjon: absolutt; } tips: . hover span { border- radius: 15px 15px ; box -shadow : 13px 13px 13px RGBA ( 0 , 0 , 0 , 0.1 ) ; font- family: Georgia , " ; Times New Roman " , Times , serif ; posisjon: absolutt; venstre: 1em , topp: 2em ; z-index : 99; margin -left: 0 ; bredde : . 250px ;} vanlig { padding: 0.8em 1em ; } . vanlig {background : # FFFFFF ; border: 1px solid # FFAD33 ;} < /style> < /head>
3

Sett inn følgende HTML-kode i henhold til < /head> for en prøve av tooltip .
4

Eksempler på CSS ToolTips ! < /h1 >

Eksempler på en Tooltip er Tooltips brukes til å legge nøye gjennomtenkt informasjon for å forbedre brukerens opplevelse . < /span > < /a > < /body > < /html >
5

å se tooltip , åpne HTML -filen i en nettleser og hold musa over understreket tooltip ord .
6

Juster koden som trengs , for eksempel endre teksten dekorasjon til understreking eller bakgrunnsfargen # FFFFAA et gult .