HyperlinkCode.com

How to create 500 totally unique, human-quality articles in just 45 seconds ..

How To Change Hyperlink Color

2 easy ways to change the color of hyperlinks using CSS code. The first way is on-the-fly with Inline CSS by adding the style attribute directly into the hyperlink code, inserting a color property into the style attribute then giving the color property a color value. Hyperlink colors can also be changed easily with external CSS.

Inline CSS Hyperlink Color Code

Replace the href attribute value and the color property value (#CC0000) with your own. See hex color chart and color names chart to get more colors.

Code

<a href="change-hyperlink-color.php" style="color: #CC0000">change hyperlink color</a>

Output

change hyperlink color

External CSS Examples

Code

a {
color: #CC0000;
}

a:link {
color: #CC0000;
}
a:visited {
color: #999999;
}
a:hover {
color: #FF3300;
}

div#my_container a {
color: #CC0000;
}

p.my_class a {
color: #CC0000;
}

ul.my_list a {
color: #CC0000;
}

One of the major benefits of using an external stylesheet is that you can control all hyperlinks on an entire website by simply editing one file. Another good benefit is that many cool hyperlink effects can be acheived to improve the look and feel of your website. Instructions for external stylesheet.

Free web design videos! Learn the easy way to responsive (mobile friendly) web design.

More Hyperlink Codes

© Copyright 2007 - 2017 HyperlinkCode.com.
Site Admin: Ed Zivkovic. Privacy | Terms