Text and Link ColorsHow to change your Text and Link Colors?
|
The <body> Statement:
First find the <body> statement in your HTML code. Every HTML page has to have a <body> statement. What most people don't realize is that the <body> statement can be used to change the text and link colors of your page.
Text Color:
In order to change the page's text color, simply add the TEXT attribute or option to your already existing <body> statement. An example is shown below.
<body text="#004400">
This will change the page's text to a dark green color. Don't forget to include the "#" sign with your color codes. For more on colors visit my HTML Color Codes tutorial.
Link Color:
You can also change the colors of your links. In fact, you can change the color of a link, an activated link (clicked) and/or a visited link. Let's look at the three attributes a little closer.
alink="..." This specifies the color of the activated links in the page; color during a click (or activation).
vlink="..." This specifies the color of the followed links in the page; visited links.
Here's an example of a <body> statement using these attributes:
<body link="#00BB00" alink="#BB0000" vlink="#0000BB">
The colors used above were chosen arbitrarily, use any colors you wish. Play around with different combinations and see what you can come up with. Don't forget to include the "#" sign with your color codes. For more on colors visit my HTML Color Codes tutorial.