Bara de navigare CSS - orizontală și verticală.
Cod CSS:
<style>
#h_nav_bar a {
padding:15px; font-weight:bold; float:left; }
#h_nav_bar a:link { color:#d0d0d0;
background-color:#0000a0; }
#h_nav_bar a:visited { color:#c0c0c0;
background-color:#0000a0; }
#h_nav_bar a:hover { color:#ffffff;
background-color:#000060; }
#h_nav_bar a:active { color:#f0f0f0;
background-color:#00ff00; }
</style>
Cod HTML:
<div id="h_nav_bar">
<a
href="html-anchor-link.htm">Anchor link</a>
<a
href="html-link-color.htm">Link color</a>
<a
href="../mailto.htm">Email link</a>
<a
href="html-image-link.htm">Image link</a>
<a
href="html-text-link.htm">Text link</a>
</div>
Vedere:
#link_bar a este stilul pentru toate stările linkului.
#link_bar a:link este stilul de link obișnuit.
#link_bar a: vizitat este stilul linkului vizitat.
#link_bar a:hover este stilul link-ului trecut cu mouse-ul.
#link_bar a: activ este stilul link-ului când este apăsat de mouse.
Cod CSS:
<style>
#v_nav_bar a {
padding:15px; font-weight:bold; display:block; width:120px; }
#v_nav_bar a:link { color:#d0d0d0;
background-color:#0000a0; }
#v_nav_bar a:visited { color:#c0c0c0;
background-color:#0000a0; }
#v_nav_bar a:hover { color:#ffffff;
background-color:#000060; }
#v_nav_bar a:active { color:#f0f0f0;
background-color:#00ff00; }
</style>
Cod HTML:
<div id="v_nav_bar">
<a
href="html-anchor-link.htm">Anchor link</a>
<a
href="html-link-color.htm">Link color</a>
<a
href="../mailto.htm">Email link</a>
<a
href="html-image-link.htm">Image link</a>
<a
href="html-text-link.htm">Text link</a>
</div>
Vedere:
#link_bar a este stilul pentru toate stările linkului.
#link_bar a:link este stilul de link obișnuit.
#link_bar a: vizitat este stilul linkului vizitat.
#link_bar a:hover este stilul link-ului trecut cu mouse-ul.
#link_bar a: activ este stilul link-ului când este apăsat de mouse.
Instrumentul nostru CSS Navigation Bar permite utilizatorilor să acceseze CSS Navigation Bar.Unele dintre caracteristicile proeminente ale acestui utilitar sunt explicate mai jos.
Interfața ușor de utilizat a instrumentului nostru de bară de navigare CSS vă oferă ușurința de a efectua această conversie instantaneu.Nu mai trebuie să dobândiți abilități de programare pentru CSS Navigation Bar datorită simplității acestui instrument.
Nu trebuie să parcurgeți niciun proces de înregistrare pentru a utiliza bara de navigare CSS.Folosind acest utilitar, puteți CSS Navigation Bar Tool de câte ori doriți gratuit.
Această bară de navigare CSS poate fi accesată din orice colț al lumii.Nu trebuie să vă faceți griji cu privire la compatibilitatea acestui instrument online, deoarece puteți folosi bara de navigare CSS de pe orice dispozitiv.Tot ce aveți nevoie este o conexiune la internet pentru a accesa și utiliza acest instrument de bară de navigare CSS.
Bara de navigare CSS vă permite să finalizați imediat aceeași sarcină.Nu vi se va cere să urmați procedurile manuale, deoarece algoritmii săi automatizați vor face treaba în locul dvs.
Instrumentul CSS pentru bara de navigare funcționează perfect pe toate sistemele de operare.Indiferent dacă aveți un dispozitiv Mac, iOS, Android, Windows sau Linux, puteți utiliza cu ușurință acest utilitar online fără a vă confrunta cu nicio problemă.
Nu trebuie să parcurgeți niciun proces de înregistrare pentru a utiliza acest instrument de bară de navigare CSS.Puteți utiliza acest utilitar gratuit și puteți face bara de navigare CSS nelimitată fără nicio limită.
Advertising