CSS-navigasjonslinje - horisontal og vertikal.
CSS-kode:
<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>
HTML-kode:
<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>
Utsikt:
#link_bar a er stilen for alle tilstander av lenken.
#link_bar a:link er stilen til vanlig lenke.
#link_bar a: besøkt er stilen til besøkt lenke.
#link_bar a:hover er stilen til musepekerlenken.
#link_bar a: aktiv er lenkestilen når den trykkes med musen.
CSS-kode:
<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>
HTML-kode:
<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>
Utsikt:
#link_bar a er stilen for alle tilstander av lenken.
#link_bar a:link er stilen til vanlig lenke.
#link_bar a: besøkt er stilen til besøkt lenke.
#link_bar a:hover er stilen til musepekerlenken.
#link_bar a: aktiv er lenkestilen når den trykkes med musen.
Vårt CSS Navigation Bar Tool lar brukerne CSS Navigation Bar.Noen av de fremtredende funksjonene til dette verktøyet er forklart nedenfor.
Det brukervennlige grensesnittet til vårt CSS Navigation Bar Tool gir deg enkelt å utføre denne konverteringen umiddelbart.Du trenger ikke lenger å tilegne deg programmeringskunnskaper for CSS Navigation Bar på grunn av dette verktøyets enkelhet.
Du trenger ikke gå gjennom noen registreringsprosess for å bruke CSS-navigasjonslinjen.Ved å bruke dette verktøyet kan du CSS Navigation Bar Tool så mange ganger du vil gratis.
Denne CSS-navigasjonslinjen kan nås fra ethvert hjørne av verden.Du trenger ikke å bekymre deg for kompatibiliteten til dette nettverktøyet, siden du kan CSS Navigation Bar med det fra hvilken som helst enhet.Alt du trenger er en internettforbindelse for å få tilgang til og bruke dette CSS-navigasjonsverktøyet.
CSS-navigasjonslinjen lar deg fullføre den samme oppgaven umiddelbart.Du vil ikke bli bedt om å følge manuelle prosedyrer, siden dens automatiserte algoritmer vil gjøre jobben for deg.
CSS Navigation Bar Tool fungerer perfekt på alle operativsystemer.Enten du har en Mac-, iOS-, Android-, Windows- eller Linux-enhet, kan du enkelt bruke dette nettbaserte verktøyet uten problemer.
Du trenger ikke gå gjennom noen registreringsprosess for å bruke dette CSS-navigasjonsverktøyet.Du kan bruke dette verktøyet gratis og gjøre ubegrenset CSS Navigation Bar uten noen begrensninger.