Bar navigasi CSS - mendatar dan menegak.
Kod 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>
Kod 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>
Lihat:
#link_bar a ialah gaya untuk semua keadaan pautan.
#link_bar a:link ialah gaya pautan biasa.
#link_bar a: dilawati ialah gaya pautan yang dilawati.
#link_bar a:hover ialah gaya pautan berlegar tetikus.
#link_bar a: aktif ialah gaya pautan apabila ditekan oleh tetikus.
Kod 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>
Kod 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>
Lihat:
#link_bar a ialah gaya untuk semua keadaan pautan.
#link_bar a:link ialah gaya pautan biasa.
#link_bar a: dilawati ialah gaya pautan yang dilawati.
#link_bar a:hover ialah gaya pautan berlegar tetikus.
#link_bar a: aktif ialah gaya pautan apabila ditekan oleh tetikus.
Alat Bar Navigasi CSS kami membenarkan pengguna untuk Bar Navigasi CSS.Beberapa ciri utama utiliti ini dijelaskan di bawah.
Antara muka mesra pengguna Alat Bar Navigasi CSS kami memberikan anda kemudahan untuk menjalankan penukaran ini serta-merta.Anda tidak perlu lagi memperoleh kemahiran pengaturcaraan untuk Bar Navigasi CSS kerana kesederhanaan Alat ini.
Anda tidak perlu melalui sebarang proses pendaftaran untuk menggunakan Bar Navigasi CSS.Menggunakan utiliti ini, anda boleh Alat Bar Navigasi CSS seberapa banyak yang anda mahu secara percuma.
Bar Navigasi CSS ini boleh diakses dari mana-mana sudut dunia.Anda tidak perlu risau tentang keserasian alat dalam talian ini, kerana anda boleh menggunakan Bar Navigasi CSS daripada mana-mana peranti.Apa yang anda perlukan ialah sambungan internet untuk mengakses dan menggunakan Alat Bar Navigasi CSS ini.
Bar Navigasi CSS membolehkan anda menyelesaikan tugas yang sama dengan segera.Anda tidak akan diminta untuk mengikuti prosedur manual, kerana algoritma automatiknya akan melakukan kerja untuk anda.
Alat Bar Navigasi CSS berfungsi dengan sempurna pada semua sistem pengendalian.Sama ada anda mempunyai peranti Mac, iOS, Android, Windows atau Linux, anda boleh menggunakan utiliti dalam talian ini dengan mudah tanpa perlu menghadapi sebarang masalah.
Anda tidak perlu melalui sebarang proses pendaftaran untuk menggunakan Alat Bar Navigasi CSS ini.Anda boleh menggunakan utiliti ini secara percuma dan melakukan Bar Navigasi CSS tanpa had tanpa sebarang batasan.