HTML Link Colors:Active,Visited,Unvisited links types.
If you want to apply different colors for Active link, Visited links, On mouse over.We can do this by using CSS properties. Also, you can disable underline from links by CSS property.It makes the links more attractive and realistic.
If you don't want to change these properties the browser provide these default properties:-
1.Active Links show in Red color and underlined.
2.Unvisited Links show in Blue color and underlined.
3.Visited Links show in Purple color and underlined.
To change Link properties follow the below property:-
Also Read >> How to Insert Image or color as Background in Website?
Example:
<style>
a:link {color:red;text-decoration:none;}
a:active {color:green;text-decoration:none;}
a:visited {color:orange;text-decoration:none;}
a:hover {color:blue;text-decoration:none;}
</style>
In the above example, we apply different color for links and disable the underlined from Links.
The Example is Here:-
<!doctype html>
<html amp lang="en">
<head>
<title>Color Links</title>
<style>
a:link {color:red;text-decoration:none;}
a:visited {color:orange;text-decoration:none;}
a:hover {color:blue;text-decoration:none;}
a:active {color:green;text-decoration:underline;}
</style>
</head>
<body>
<a href="#">Link1</a></br>
<a href="#">Link2</a></br>
<a href="new1.html" target="_blank">Link3</a>
</body>
</html>
Output is here:-
 |
| HTML Link colors |
Share your thoughts and ask questions to know more about this post.
Comment and ask Question-related about the post below.
HTML Links color
No comments:
Post a Comment
Leave a Reply!