How to make HTML links in different colors

How to make HTML links in different colors

Normally in an HTML webpage, setting the colors are normally done within the CSS file. The colors are applied using the properties “background-color” and “color”. These properties are normally written in these formats:

• body {
•  background-color: #000;
•  color: #000;
• }

If you have no idea how to get the value “#000” for a specific color, you can use Adobe Photoshop. Here’s an example using Adobe Photoshop CS2. Start Adobe Photoshop CS2 and then pick a color in Swatches tab. See image.

Once you select a color, it will appear on the left panel. On the left panel or sidebar, click on the color you selected. See image.

Move the slider up or down to adjust the color. You can also move the small circle in the display box to adjust the color. See image.

Once the color has been decided, copy the numbers or the value next to “#”. You can use this value in applying the color for your hyperlinks or in the body of the webpage. See image.

• body {
•  background-color: #5574b9;
•  color: #000;
• }

“#000” or “#000000” is equivalent to black and “#ffffff” for white.