CSS link color - CSS link href HTML - Link without underline
A link has four different value as: link, visited, active and hover. These four states of a link or hyperlink can be styled differently through CSS properties.
- a:link — normal or unvisited links but no mouse pointer over it.
- a:visited — user has visited that has no mouse pointer on it.
- a:hover — a link when the user place the mouse pointer over it.
- a:active — for a link that is in the process of being clicked.
For any link on your page, you can specify any CSS property as: color, font-family, font-size, background, etc.
CSS link color setting
Using CSS tricks, you can change the link color how you like.
Example 1:
a:link
{ /* unvisited link */
color: #006291;
}
a:visited
{ /* visited link */
color: #063;
}
a:hover
{ /* mouse over link */
color: #F00;
}
a:active
{ /* active link */
color: #606060;
}
{ /* unvisited link */
color: #006291;
}
a:visited
{ /* visited link */
color: #063;
}
a:hover
{ /* mouse over link */
color: #F00;
}
a:active
{ /* active link */
color: #606060;
}
CSS - link href style in HTML
h r e f="http://www.agernic.com/style.css"
Example2:
Or, you can use style in line < href > link Example 3.
<head>
<link rel="stylesheet" type="text/css"
href="http://www.agernic.com/style.css">
</head>
<link rel="stylesheet" type="text/css"
href="http://www.agernic.com/style.css">
</head>
Example3:
<a style="color:red; font-size:18px; font-family:Arial, Helvetica, sans-serif"
href="http://www.agernic.com/css-tutorial.html"
target="_blank">Visit our CSS tutorial</a>
href="http://www.agernic.com/css-tutorial.html"
target="_blank">Visit our CSS tutorial</a>
The result: Visit our CSS tutorial
CSS Link without underline - Removing Underline from Links
Example4:
a:link
{ /* unvisited link */
color: #006291;
text-decoration: none;
}
a:visited
{ /* visited link */
color: #063;
text-decoration: none;
}
a:hover
{ /* mouse over link */
color: #F00;
text-decoration: underline;
}
a:active
{ /* active link */
color: #606060;
text-decoration: underline;
}
{ /* unvisited link */
color: #006291;
text-decoration: none;
}
a:visited
{ /* visited link */
color: #063;
text-decoration: none;
}
a:hover
{ /* mouse over link */
color: #F00;
text-decoration: underline;
}
a:active
{ /* active link */
color: #606060;
text-decoration: underline;
}
Value for CSS text-decoration: none, underline, overline, blink, etc.
CSS link color, CSS link href HTML, Link without underline
CSS link color - CSS link href HTML - Link without underline - css tutorial
Online Editor
This tool makes it easy to create, adjust, and experiment with custom colors for the web.
HTML Templates

Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.
CSS HTML Layout

Find here examples of creative and unique website layouts.
Free CSS HTML Menu

Find here examples of creative and unique website CSS HTML menu.