CSS naršymo juosta

CSS naršymo juosta – horizontali ir vertikali.

Horizontali naršymo juosta

CSS kodas:

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

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

Žiūrėti:

 

 

 

#link_bar a yra visų nuorodos būsenų stilius.

#link_bar a:link yra įprastos nuorodos stilius.

#link_bar a: aplankyta yra aplankytos nuorodos stilius.

#link_bar a:hover yra nuorodos su pelės žymekliu stilius.

#link_bar a: aktyvus yra nuorodos stilius, kai paspaudžiama pele.

Vertikali naršymo juosta

CSS kodas:

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

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

Žiūrėti:

 

#link_bar a yra visų nuorodos būsenų stilius.

#link_bar a:link yra įprastos nuorodos stilius.

#link_bar a: aplankyta yra aplankytos nuorodos stilius.

#link_bar a:hover yra nuorodos su pelės žymekliu stilius.

#link_bar a: aktyvus yra nuorodos stilius, kai paspaudžiama pele.

 

 


Taip pat žr

CSS naršymo juostos įrankio ypatybės

Mūsų CSS naršymo juostos įrankis leidžia vartotojams naudotis CSS naršymo juosta.Kai kurios svarbios šio įrankio funkcijos yra paaiškintos toliau.

Paprastumas

Patogi mūsų CSS naršymo juostos įrankio sąsaja suteikia jums galimybę lengvai atlikti konversiją akimirksniu.Dėl šio įrankio paprastumo jums nebereikia įgyti CSS naršymo juostos programavimo įgūdžių.

Nėra registracijos

Norint naudoti CSS naršymo juostą, nereikia atlikti jokio registracijos proceso.Naudodamiesi šia programa galite nemokamai naudoti CSS naršymo juostos įrankį tiek kartų, kiek norite.

Perkeliamumas

Šią CSS naršymo juostą galima pasiekti iš bet kurio pasaulio kampelio.Jums nereikia jaudintis dėl šio internetinio įrankio suderinamumo, nes su juo galite naudotis CSS naršymo juosta iš bet kurio įrenginio.Viskas, ko jums reikia, yra interneto ryšys, kad galėtumėte pasiekti ir naudoti šį CSS naršymo juostos įrankį.

Taupo laiką ir pastangas

CSS naršymo juosta leidžia nedelsiant atlikti tą pačią užduotį.Jūsų nereikės atlikti rankinių procedūrų, nes jos automatizuoti algoritmai atliks darbą už jus.

Suderinamumas

CSS naršymo juostos įrankis puikiai veikia visose operacinėse sistemose.Nesvarbu, ar turite „Mac“, „iOS“, „Android“, „Windows“ ar „Linux“ įrenginį, galite lengvai naudotis šia internetine priemone be jokių rūpesčių.

100% nemokama

Norint naudoti šį CSS naršymo juostos įrankį, nereikia atlikti jokio registracijos proceso.Galite naudoti šią priemonę nemokamai ir neribotą CSS naršymo juostą be jokių apribojimų.

Advertising

CSS
°• CmtoInchesConvert.com •°