Kulay ng Link ng HTML

Paano baguhin ang kulay ng link ng HTML.

Kulay ng teksto ng link

Ang pagbabago ng kulay ng link ay tapos na sa estilo ng css:

<a href="../html-link.htm" style="color:red"/Main page</a/

Lilikha ng code ang link na ito:

Pangunahing pahina

Kulay ng background ng link

Ang pagbabago ng kulay ng background ng link ay tapos na sa estilo ng css:

<a href="../html-link.htm" style="background-color:#ffffa0"/Main page</a/

Lilikha ng code ang link na ito:

Pangunahing pahina

Kulay ng mga link ng div

CSS code:

<style/
    #link_bar a { padding:15px; font-weight:bold; float:left; }
    #link_bar a:link { color:#d0d0d0; background-color:#0000a0; }
    #link_bar a:visited { color:#c0c0c0; background-color:#0000a0; }
    #link_bar a:hover { color:#ffffff; background-color:#000060; }
    #link_bar a:active { color:#f0f0f0; background-color:#00ff00; }
</style/

HTML code:

<div id="link_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 mga estado ng link.

#link_bar a: ang link ay ang istilo ng regular na link.

#link_bar a: binisita ang istilo ng binisita na link.

#link_bar a: ang hover ay ang estilo ng hovered link ng mouse.

#link_bar a: aktibo ang istilo ng link kapag pinindot ng mouse.

 


Tingnan din

Mga Link sa HTML
RAPID TABLES