Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

Ako si vyrobiť Tooltip obrázky

Tvorba nápovedu pre webové stránky , je spôsob , ako pre webové vývojárov pridať ďalšie informácie na webovej stránke , ako je informácia , kde sa odkaz sa zobrazí alebo informácie textové pole vyžaduje . Popisy sú spôsob , ako opustiť poznámku k užívateľovi , keď myšou cez obrázok alebo text . Starostlivo premyslené popisy sú jemné a pomáhajú zlepšiť zážitok užívateľa . Popisy sú ľahko pridať priamo do HTML kódu pomocou CSS . Pokyny
1

Pridajte CSS kód v časti hlavičky a pod titulnej tagu súboru HTML .
2

< štýl type = " text /css " > tip { border - bottom : 0px bodkovaného # 000000 ; color : # 000000 ; obrys : nie je ; cursor : pointer ; Text - decoration : nie je ; position : relative ; } .. tip span { margin - left : - 999em ; position : absolute ; } tip : hover span { border - radius : . 15px 15px ; box - shadow : 13px 13px 13px RGBA ( 0 , 0 , 0 , 0.1 ) , font - family : Gruzínsko , " , Times New Roman " , Times , serif ; position : absolute ; left : 1em ; top : 2em , z - index : 99 ; margin - left : ; šírka 0 : 250px ; } zvyčajne { padding : 0.8em 1em ; } .. Zvyčajná { background : # FFFFFF ; border : 1px solid # FFAD33 ; } < /style > < /head >
3

Vložte nasledujúci HTML kód pod < /head > pre vzorka popisku .
4

Príklady CSS opisy ! < /h1 >

Príklady < a class = " špičky " href = " # " > Tooltip Popisy slúži na pridanie starostlivo premyslený informácie zlepšiť zážitok užívateľa . < /Span > < /a > < /body > < /html >
5

Ak chcete zobraziť nápovedu , otvorte súbor HTML vo webovom prehliadači a podržte tlačidlo myši na podčiarknuté tooltip slovo .
6

Nastavte kód podľa potreby , napríklad zmenu textu dekorácie podčiarknuť alebo farbu pozadia # FFFFAA pre žltý .

Najnovšie články

Copyright © počítačové znalosti Všetky práva vyhradené