Website Designers R Us - Home
How to create text links in multiple colors

Would you like to use multiple colors for your text links, rather than using a single link color for the whole page?

You can specify the color of links for the whole page using LINK and VLINK attributes inside the starting BODY tag as follows:

<body link="yellow" vlink="yellow">

<a href="/tips/">
This link will be yellow.
</a>

</body>

But, how can you have one link colored in red, another in green and so forth? You may notice how the following method does not work:

<font color="red">
<a href="/tips/internet/">
Internet
</a>
</font>

<br>

<font color="green">
<a href="/tips/windows/">
Windows
</a>
</font>

<br>

<font color="blue">
<a href="/tips/programming/">
Programming
</a>
</font>

Result:

Now let's try taking above tags and moving FONT tags inside A tags (anchor or link) as follows:

<a href="/tips/internet/">
<font color="red">
Internet
</font>
</a>

<br>

<a href="/tips/windows/">
<font color="green">
Windows
</font>
</a>

<br>

<a href="/tips/programming/">
<font color="blue">
Programming
</font>
</a>

Result:

 

Return to Listing

Website Designer R Us has over 12 years of IT experience and a focus on custom website design, web development and web hosting services. Our professional web design services will give your business the look and feel needed to beat your competitors! Our website design services include; web design, website redesign, website maintenance, web development, flash animation, eCommerce, shopping carts, domains, web hosting, search engine optimization, graphic design, logo design, blog writing, script installations & much more!
 Home          ::             About Us          ::             Support            ::             Services            ::             Link Partners          ::             Contact

Copyright © 2006-2007 Website Designers R Us, a DOT Specialist Company. All rights reserved.