how to make colored links in HTML?

I

itsjareds

New member
You can do this using the "style" attribute of the <a> tag. This attribute lets you apply anonymous CSS styling, such as font color.

---- HTML Syntax: ----
<a href="white.html" style="color:white;">White link</a>
<br/><br/>
<a href="black.html" style="color:black;">Black link</a>
--------
 
What I want is to have a white link on the top of the page (on the banner) then some other ones at the bottom that are black thank you :)
 
Put this in the head section of your html page:

<style type="text/css">
a.blue:link {color: #0000ff; background: #ffffff; font-weight: bold;}
a.blue:active {color: #0000ff; background: #ffffff; font-weight: bold;}
a.blue:visited {color: #0000ff; background: #ffffff; font-weight: bold;}
a.blue:hover {color: #0000ff; background: #ffffff; font-weight: bolder;}

a.red:link {color: #ff0000; background: #ffffff; font-style: italic;}
a.red:active {color: #ff0000; background: #ffffff; font-style: italic;}
a.red:visited {color: #ff0000; background: #ffffff; font-style: italic;}
a.red:hover {color: #ff0000; background: #ffffff; font-style: normal;}
</style>

Then make your links like this:

<a href="blue.htm" class="blue">Blue Bold Link</a>
<a href="red.htm" class="red">Red Italic Links</a>
 
Put this in the head section of your html page:

<style type="text/css">
a.blue:link {color: #0000ff; background: #ffffff; font-weight: bold;}
a.blue:active {color: #0000ff; background: #ffffff; font-weight: bold;}
a.blue:visited {color: #0000ff; background: #ffffff; font-weight: bold;}
a.blue:hover {color: #0000ff; background: #ffffff; font-weight: bolder;}

a.red:link {color: #ff0000; background: #ffffff; font-style: italic;}
a.red:active {color: #ff0000; background: #ffffff; font-style: italic;}
a.red:visited {color: #ff0000; background: #ffffff; font-style: italic;}
a.red:hover {color: #ff0000; background: #ffffff; font-style: normal;}
</style>

Then make your links like this:

<a href="blue.htm" class="blue">Blue Bold Link</a>
<a href="red.htm" class="red">Red Italic Links</a>
 
You can do this using the "style" attribute of the <a> tag. This attribute lets you apply anonymous CSS styling, such as font color.

---- HTML Syntax: ----
<a href="white.html" style="color:white;">White link</a>
<br/><br/>
<a href="black.html" style="color:black;">Black link</a>
--------
 
You can do this using the "style" attribute of the <a> tag. This attribute lets you apply anonymous CSS styling, such as font color.

---- HTML Syntax: ----
<a href="white.html" style="color:white;">White link</a>
<br/><br/>
<a href="black.html" style="color:black;">Black link</a>
--------
 
You can do this using the "style" attribute of the <a> tag. This attribute lets you apply anonymous CSS styling, such as font color.

---- HTML Syntax: ----
<a href="white.html" style="color:white;">White link</a>
<br/><br/>
<a href="black.html" style="color:black;">Black link</a>
--------
 
You can do this using the "style" attribute of the <a> tag. This attribute lets you apply anonymous CSS styling, such as font color.

---- HTML Syntax: ----
<a href="white.html" style="color:white;">White link</a>
<br/><br/>
<a href="black.html" style="color:black;">Black link</a>
--------
 
You can do this using the "style" attribute of the <a> tag. This attribute lets you apply anonymous CSS styling, such as font color.

---- HTML Syntax: ----
<a href="white.html" style="color:white;">White link</a>
<br/><br/>
<a href="black.html" style="color:black;">Black link</a>
--------
 
Back
Top