Barva odkazu HTML

Jak změnit barvu odkazu HTML.

Barva textu odkazu

Změna barvy odkazu se provádí stylem CSS:

<a href="/en/html-link" style="color:red"> Hlavní stránka </a>

Kód vygeneruje tento odkaz:

Hlavní strana

Barva pozadí odkazu

Změna barvy pozadí odkazu se provádí stylem CSS:

<a href="/en/html-link" style="background-color:#ffffa0"> Hlavní stránka </a>

Kód vygeneruje tento odkaz:

Hlavní strana

Barva odkazů Div

Kód CSS:

<style>
    #link_bar a {padding: 15px; font-weight: bold; plavat vlevo; }
    #link_bar a: link {color: # d0d0d0; barva pozadí: # 0000a0; }
    #link_bar a: Navštíveno {color: # c0c0c0; barva pozadí: # 0000a0; }
    #link_bar a: hover {color: #ffffff; barva pozadí: # 000060; }
    #link_bar a: active {color: # f0f0f0; barva pozadí: # 00ff00; }
</style>

HTML kód:

<div id = "link_bar">
    <a href="/en/html-link/html-anchor-link"> Anchor link </a>
    <a href = "/ en / web-design / html / html-link / html-link-color "> Barva odkazu </a>
    <a href="/en/html-link/mailto-link"> E-mailový odkaz </a>
    < a href = "/ en / web-design / html / html-link / html-image-link"> Odkaz na obrázek </a>
    <a href = "/ en / web-design / html / html-link / html- text-link "> Textový odkaz </a>
</div>

Pohled:

 

#link_bar a je styl pro všechny stavy odkazu.

#link_bar a: link je styl běžného odkazu.

#link_bar a: Navštívené je styl navštíveného odkazu.

#link_bar a: hover je styl odkazu s myší.

#link_bar a: active je styl odkazu při stisknutí myší.