CSS leiðsögustika

CSS siglingastika - lárétt og lóðrétt.

Lárétt leiðsögustika

CSS kóða:

<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 kóða:

<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>

Útsýni:

 

 

 

#link_bar a er stíllinn fyrir öll ríki hlekksins.

#link_bar a:link er stíll venjulegs hlekks.

#link_bar a: heimsóttur er stíll heimsóttur hlekkur.

#link_bar a:hover er stíll músartengils.

#link_bar a: virkur er stíll tengilsins þegar músinni er ýtt á hann.

Lóðrétt leiðsögustika

CSS kóða:

<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 kóða:

<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>

Útsýni:

 

#link_bar a er stíllinn fyrir öll ríki hlekksins.

#link_bar a:link er stíll venjulegs hlekks.

#link_bar a: heimsóttur er stíll heimsóttur hlekkur.

#link_bar a:hover er stíll músartengils.

#link_bar a: virkur er stíll tengilsins þegar músinni er ýtt á hann.

 

 


Sjá einnig

Eiginleikar CSS Navigation Bar Tool

CSS Navigation Bar Tool okkar gerir notendum kleift að CSS Navigation Bar. Sumir af áberandi eiginleikum þessa tóls eru útskýrðir hér að neðan.

Einfaldleiki

Notendavænt viðmót CSS Navigation Bar Tool okkar gerir þér kleift að framkvæma þessa umbreytingu samstundis. Þú þarft ekki lengur að öðlast forritunarkunnáttu fyrir CSS Navigation Bar vegna einfaldleika þessa tóls.

Engin skráning

Þú þarft ekki að fara í gegnum neitt skráningarferli til að nota CSS Navigation Bar. Með því að nota þetta tól geturðu CSS Navigation Bar Tool eins oft og þú vilt ókeypis.

Færanleiki

Hægt er að nálgast þessa CSS leiðsögustiku frá hvaða heimshorni sem er. Þú þarft ekki að hafa áhyggjur af samhæfni þessa nettóls, þar sem þú getur CSS Navigation Bar með því úr hvaða tæki sem er. Allt sem þú þarft er nettenging til að fá aðgang að og nota þetta CSS Navigation Bar Tool.

Sparar tíma og fyrirhöfn

CSS leiðsögustikan gerir þér kleift að klára sama verkefni strax. Þú verður ekki beðinn um að fylgja handvirkum verklagsreglum, þar sem sjálfvirk reiknirit mun vinna verkið fyrir þig.

Samhæfni

CSS Navigation Bar Tool virkar fullkomlega á öllum stýrikerfum. Hvort sem þú ert með Mac, iOS, Android, Windows eða Linux tæki geturðu auðveldlega notað þetta nettól án þess að þurfa að standa frammi fyrir vandræðum.

100% ókeypis

Þú þarft ekki að fara í gegnum neitt skráningarferli til að nota þetta CSS Navigation Bar Tool. Þú getur notað þetta tól ókeypis og gert ótakmarkaða CSS Navigation Bar án nokkurra takmarkana.

Advertising

CSS
°• CmtoInchesConvert.com •°