Bilah navigasi CSS - horizontal dan vertikal.
Kode 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>
Kode 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>
Melihat:
#link_bar a adalah gaya untuk semua status tautan.
#link_bar a:link adalah gaya tautan biasa.
#link_bar a: yang dikunjungi adalah gaya tautan yang dikunjungi.
#link_bar a:hover adalah gaya tautan yang dilayangkan mouse.
#link_bar a: aktif adalah gaya tautan saat ditekan oleh mouse.
Kode 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>
Kode 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>
Melihat:
#link_bar a adalah gaya untuk semua status tautan.
#link_bar a:link adalah gaya tautan biasa.
#link_bar a: yang dikunjungi adalah gaya tautan yang dikunjungi.
#link_bar a:hover adalah gaya tautan yang dilayangkan mouse.
#link_bar a: aktif adalah gaya tautan saat ditekan oleh mouse.
Alat Bilah Navigasi CSS kami memungkinkan pengguna untuk Bilah Navigasi CSS. Beberapa fitur menonjol dari utilitas ini dijelaskan di bawah ini.
Antarmuka yang ramah pengguna dari Alat Bilah Navigasi CSS memberi Anda kemudahan melakukan konversi ini secara instan. Anda tidak perlu lagi memperoleh keterampilan pemrograman untuk CSS Navigation Bar karena kesederhanaan Alat ini.
Anda tidak perlu melalui proses pendaftaran apa pun untuk menggunakan Bilah Navigasi CSS. Dengan menggunakan utilitas ini, Anda dapat menggunakan Alat Bilah Navigasi CSS sebanyak yang Anda inginkan secara gratis.
Bilah Navigasi CSS ini dapat diakses dari sudut mana pun di dunia. Anda tidak perlu khawatir tentang kompatibilitas alat online ini, karena Anda dapat menggunakan Bilah Navigasi CSS dari perangkat apa pun. Yang Anda butuhkan hanyalah koneksi internet untuk mengakses dan menggunakan Alat Bilah Navigasi CSS ini.
Bilah Navigasi CSS memungkinkan Anda menyelesaikan tugas yang sama dengan segera. Anda tidak akan diminta untuk mengikuti prosedur manual, karena algoritme otomatisnya akan bekerja untuk Anda.
Alat Bilah Navigasi CSS bekerja dengan sempurna di semua sistem operasi. Apakah Anda memiliki perangkat Mac, iOS, Android, Windows, atau Linux, Anda dapat dengan mudah menggunakan utilitas online ini tanpa menghadapi kerumitan apa pun.
Anda tidak perlu melalui proses pendaftaran apa pun untuk menggunakan Alat Bilah Navigasi CSS ini. Anda dapat menggunakan utilitas ini secara gratis dan melakukan Bilah Navigasi CSS tanpa batas tanpa batasan apa pun.
Advertising