CSS-navigointipalkki - vaaka- ja pystysuora.
CSS-koodi:
<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-koodi:
<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>
Näytä:
#link_bar a on linkin kaikkien tilojen tyyli.
#link_bar a:link on tavallisen linkin tyyli.
#link_bar a: Vierailtu on vieraillun linkin tyyli.
#link_bar a:hover on hiiren osoitin linkin tyyli.
#link_bar a: aktiivinen on linkin tyyli, kun sitä painetaan hiirellä.
CSS-koodi:
<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-koodi:
<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>
Näytä:
#link_bar a on linkin kaikkien tilojen tyyli.
#link_bar a:link on tavallisen linkin tyyli.
#link_bar a: Vierailtu on vieraillun linkin tyyli.
#link_bar a:hover on hiiren osoitin linkin tyyli.
#link_bar a: aktiivinen on linkin tyyli, kun sitä painetaan hiirellä.
CSS-navigointipalkkityökalumme avulla käyttäjät voivat käyttää CSS-navigointipalkkia. Joitakin tämän apuohjelman merkittäviä ominaisuuksia selitetään alla.
CSS-navigointipalkkityökalumme käyttäjäystävällinen käyttöliittymä tarjoaa sinulle helpon muuntamisen välittömästi. Sinun ei enää tarvitse hankkia ohjelmointitaitoja CSS-navigointipalkkiin tämän työkalun yksinkertaisuuden vuoksi.
Sinun ei tarvitse käydä läpi mitään rekisteröitymisprosessia käyttääksesi CSS-navigointipalkkia. Tämän apuohjelman avulla voit käyttää CSS-navigointipalkkityökalua niin monta kertaa kuin haluat ilmaiseksi.
Tämä CSS-navigointipalkki on käytettävissä mistä tahansa maailman kolkasta. Sinun ei tarvitse huolehtia tämän verkkotyökalun yhteensopivuudesta, sillä voit käyttää CSS-navigointipalkkia millä tahansa laitteella. Tarvitset vain Internet-yhteyden tämän CSS-navigointipalkkityökalun käyttämiseen ja käyttämiseen.
CSS-navigointipalkin avulla voit suorittaa saman tehtävän välittömästi. Sinua ei pyydetä noudattamaan manuaalisia toimenpiteitä, koska sen automatisoidut algoritmit tekevät työn puolestasi.
CSS-navigointipalkkityökalu toimii täydellisesti kaikissa käyttöjärjestelmissä. Olipa sinulla Mac-, iOS-, Android-, Windows- tai Linux-laite, voit käyttää tätä verkkoapuohjelmaa helposti ilman ongelmia.
Sinun ei tarvitse käydä läpi mitään rekisteröintiprosessia käyttääksesi tätä CSS-navigointipalkkityökalua. Voit käyttää tätä apuohjelmaa ilmaiseksi ja tehdä rajattomasti CSS-navigointipalkkia ilman rajoituksia.
Advertising