CSS navigaiton bar - pahalang at patayo.
CSS code:
<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 code:
<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>
Tingnan:
Ang #link_bar a ay ang istilo para sa lahat ng estado ng link.
#link_bar a:link ay ang istilo ng regular na link.
#link_bar a: ang binisita ay ang istilo ng binisita na link.
#link_bar a:hover ay ang istilo ng mouse hovered link.
#link_bar a: active ang istilo ng link kapag pinindot ng mouse.
CSS code:
<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 code:
<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>
Tingnan:
Ang #link_bar a ay ang istilo para sa lahat ng estado ng link.
#link_bar a:link ay ang istilo ng regular na link.
#link_bar a: ang binisita ay ang istilo ng binisita na link.
#link_bar a:hover ay ang istilo ng mouse hovered link.
#link_bar a: active ang istilo ng link kapag pinindot ng mouse.
Ang aming CSS Navigation Bar Tool ay nagbibigay-daan sa mga user sa CSS Navigation Bar.Ang ilan sa mga kilalang tampok ng utility na ito ay ipinaliwanag sa ibaba.
Ang user-friendly na interface ng aming CSS Navigation Bar Tool ay nagbibigay sa iyo ng kadalian ng pagsasagawa ng conversion na ito kaagad.Hindi mo na kailangang kumuha ng mga kasanayan sa programming para sa CSS Navigation Bar dahil sa pagiging simple ng Tool na ito.
Hindi mo kailangang dumaan sa anumang proseso ng pagpaparehistro upang magamit ang CSS Navigation Bar.Gamit ang utility na ito, maaari mong CSS Navigation Bar Tool nang maraming beses hangga't gusto mo nang libre.
Ang CSS Navigation Bar na ito ay maaaring ma-access mula sa anumang sulok ng mundo.Hindi mo kailangang mag-alala tungkol sa pagiging tugma ng online na tool na ito, dahil maaari mong gamitin ang CSS Navigation Bar mula sa anumang device.Ang kailangan mo lang ay isang koneksyon sa internet para sa pag-access at paggamit ng CSS Navigation Bar Tool na ito.
Binibigyang-daan ka ng CSS Navigation Bar na kumpletuhin kaagad ang parehong gawain.Hindi ka hihilingin na sundin ang mga manu-manong pamamaraan, dahil ang mga automated na algorithm nito ang gagawa ng trabaho para sa iyo.
Ang CSS Navigation Bar Tool ay perpektong gumagana sa lahat ng operating system.Kung mayroon kang Mac, iOS, Android, Windows, o Linux device, madali mong magagamit ang online na utility na ito nang hindi nahaharap sa anumang abala.
Hindi mo kailangang dumaan sa anumang proseso ng pagpaparehistro upang magamit itong CSS Navigation Bar Tool.Maaari mong gamitin ang utility na ito nang libre at gumawa ng walang limitasyong CSS Navigation Bar nang walang anumang limitasyon.
Advertising