PageResource.com - Web Development Tutorials

Changing the Link Color

How to change the default link color on your page
Note: These effects can now all be achieved using Cascading Style Sheets.

If you want to change the link color on your page, you will need to begin by finding the <body> tag. Now look for a command after the word body that says link="color". It would look like this:

<body link="blue">

Or the tag might have some other commands as well:

<body bgcolor="#000000" text="#FFFFFF" link="#0000FF">

You may also just have the word body with nothing else there. If so, add the command after the word body, with a space between the two, like this:

<body link="blue">

Now, to change the link color, you replace the word blue inside the quotes with a different color name or hex code. For a list of some common color names and hex codes, click here.

So, if you would like to change the link color to red, you would type the following:

<body link="red">

Or using the hex code:

<body link="#FF0000">

Now, all the links on your page will be colored red rather than blue. You can also do the same things for active and visited links by adding or editing their commands. The commands are:

alink="color"   For the active link color
vlink="color"   For the visited link color

You might have:

<body link="blue" alink="blue" vlink="violet">

To change the other colors, do the same as you did for the link color. If you need to add the commands, go ahead. Just place a space between each command, and add your colors!

Now we are going to move on to the background color command, which is very similar to the link commands we just finished. So, let's go on to Using a Background Color.


Copyright © The Web Design Resource. All rights reserved. | Contact Us | Privacy Policy