CSS-navigeringsfält - horisontell och vertikal.
CSS-kod:
<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-kod:
<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>
Se:
#link_bar a är stilen för länkens alla tillstånd.
#link_bar a:link är stilen för vanlig länk.
#link_bar a: besökt är stilen på besökt länk.
#link_bar a:hover är stilen på musen svävad länk.
#link_bar a: aktiv är länkens stil när den trycks ned av musen.
CSS-kod:
<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-kod:
<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>
Se:
#link_bar a är stilen för länkens alla tillstånd.
#link_bar a:link är stilen för vanlig länk.
#link_bar a: besökt är stilen på besökt länk.
#link_bar a:hover är stilen på musen svävad länk.
#link_bar a: aktiv är länkens stil när den trycks ned av musen.
Vår CSS Navigation Bar Tool låter användarna CSS Navigation Bar.Några av de framträdande funktionerna i detta verktyg förklaras nedan.
Det användarvänliga gränssnittet i vårt CSS-navigeringsfältsverktyg ger dig enkelheten att utföra denna konvertering direkt.Du behöver inte längre skaffa dig programmeringskunskaper för CSS Navigation Bar på grund av det här verktygets enkelhet.
Du behöver inte gå igenom någon registreringsprocess för att använda CSS-navigeringsfältet.Med hjälp av detta verktyg kan du CSS Navigation Bar Tool så många gånger du vill gratis.
Denna CSS-navigeringsfält kan nås från alla hörn av världen.Du behöver inte oroa dig för kompatibiliteten för detta onlineverktyg, eftersom du kan CSS Navigation Bar med det från vilken enhet som helst.Allt du behöver är en internetanslutning för att komma åt och använda detta CSS Navigation Bar Tool.
CSS-navigeringsfältet låter dig slutföra samma uppgift omedelbart.Du kommer inte att bli ombedd att följa manuella procedurer, eftersom dess automatiserade algoritmer kommer att göra jobbet åt dig.
CSS Navigation Bar Tool fungerar perfekt på alla operativsystem.Oavsett om du har en Mac-, iOS-, Android-, Windows- eller Linux-enhet kan du enkelt använda detta onlineverktyg utan att behöva möta något krångel.
Du behöver inte gå igenom någon registreringsprocess för att använda detta CSS Navigation Bar Tool.Du kan använda det här verktyget gratis och göra obegränsad CSS Navigation Bar utan några begränsningar.
Advertising