CSS-navigationsbjælke - vandret og lodret.
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>
Udsigt:
#link_bar a er stilen for alle tilstande af linket.
#link_bar a:link er stilen til almindeligt link.
#link_bar a: besøgt er stilen på besøgt link.
#link_bar a:hover er stilen med musen svævende link.
#link_bar a: aktiv er linkets stil, når der trykkes på 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>
Udsigt:
#link_bar a er stilen for alle tilstande af linket.
#link_bar a:link er stilen til almindeligt link.
#link_bar a: besøgt er stilen på besøgt link.
#link_bar a:hover er stilen med musen svævende link.
#link_bar a: aktiv er linkets stil, når der trykkes på musen.
Vores CSS Navigation Bar Tool giver brugerne mulighed for at CSS Navigation Bar. Nogle af de fremtrædende funktioner i dette værktøj er forklaret nedenfor.
Den brugervenlige grænseflade i vores CSS-navigationslinjeværktøj giver dig let at udføre denne konvertering med det samme. Du behøver ikke længere at tilegne dig programmeringsfærdigheder til CSS Navigation Bar på grund af dette værktøjs enkelhed.
Du behøver ikke at gennemgå nogen registreringsproces for at bruge CSS-navigationslinjen. Ved at bruge dette værktøj kan du gratis CSS Navigation Bar Tool så mange gange du vil.
Denne CSS-navigationslinje kan tilgås fra ethvert hjørne af verden. Du behøver ikke bekymre dig om kompatibiliteten af dette onlineværktøj, da du kan CSS Navigation Bar med det fra enhver enhed. Alt du behøver er en internetforbindelse for at få adgang til og bruge dette CSS-navigationslinjeværktøj.
CSS-navigationslinjen giver dig mulighed for at udføre den samme opgave med det samme. Du vil ikke blive bedt om at følge manuelle procedurer, da dets automatiserede algoritmer vil gøre arbejdet for dig.
CSS Navigation Bar Tool fungerer perfekt på alle operativsystemer. Uanset om du har en Mac-, iOS-, Android-, Windows- eller Linux-enhed, kan du nemt bruge dette onlineværktøj uden besvær.
Du behøver ikke at gennemgå nogen registreringsproces for at bruge dette CSS-navigationslinjeværktøj. Du kan bruge dette værktøj gratis og lave ubegrænset CSS Navigation Bar uden nogen begrænsninger.