Sempliċi Verticale Menu Tutorial
Din hija sempliċi ħafna, menu css verticale. Tutorja Dan jgħin sabiex jinħoloq menu CSS sempliċi u attraenti b'effett imbagħad jerġgħu jibred. 
Pass: 1
L-ewwelnett jgħidilna jikteb il-kodiċi CSS għall-menu. hawnhekk tmur il-kodiċi ..
# nav ul ( margin: 0; padding: 0; lista ta 'stil tat-tip: none; )# ul li nav ( ; /*IE 6*/ display: inline; / * IE 6 * / )# nav ul li a ( display: block; ; background: # d9d9d9; wisa ': 200px; text-decoration: none; 7px /*padding for left, right*/ ; padding: 4px / * ikkuttunar għall-qiegħ top * / 7px / * ikkuttunar għall-xellug, lemin * /; #eeeeee ; transkonfinali-qiegħ: 1px eeeeee solidi #; #cccccc ; border-top: 1px solidi # cccccc; # 333333 ; transkonfinali-xellug: 5px solidi # 333,333; ; color: # 333,333;{ # nav ul li a: imbagħad jerġgħu ( ; bejn il-fruntieri tax-xellug color: # 0099FF; ; color: # 0066FF; ; background: # c4c4c4; )
Pass: 2
Issa aħna tinħoloq struttura html bażika.
> <ul> <li> <a href = "#" > Home </a> </li> <li> <a href = "#" > About Us </a> </li> <li> <a href = "#" > Services </a> </li> <li> <a href = "#" > Sitemap </a> </li> <li> <a href = "#" > Contact </a> </li> < /ul> </div> <div id = "nav"> <ul> href <a <li> = "#"> Home </ a> </ li> href <a <li> = "#"> About Us </ a> </ > li <li> <a href = "#"> Servizzi </ a> </ li> href <a <li> = "#"> Mappa tas-sit </ a> </ li> <li> <a href = " # "> Kuntatt </ a> </ li> </ ul> </ div>
Yeah ..! tiegħu isir! ara kif sempliċi hija li jinħoloq menu CSS A ... .. demo?
Tippromwovi Us
Artikli relatati:
jekk inti jgawdu qari dan l-artikolu, jekk jogħġbok check out oġġetti relatati oħra hawn taħt:
Submit a Comment