Href links by default are marked with a line for text decoration. Using the CSS property text-decoration: none; we can remove the underline below the link text.

example:

<a href="itpresent.com">IT present</a>
<style>
a {
text-decoration:none;
}
</style>

result:
IT present

Also, using CSS, the color and shape of the decorative line can be styled.

example:

<a href="itpresent.com">IT present</a>
<style>
a {
text-decoration: underline dotted red;
}
</style>

result:
IT present

example 2:

<a href="itpresent.com">IT present</a>
<style>

a {
text-decoration: underline overline dotted red;
}
</style>

result:
IT present

example 3:

<a href="itpresent.com">IT present</a>
<style>

a {
text-decoration: underline double blue;
}
</style>
result:

IT present

example 4:
<a href="itpresent.com">IT present</a>
<style>
a {
text-decoration: underline overline double blue;
}
</style>
result:

IT present

example 5:
<a href="itpresent.com">IT present</a>
<style>
a {
text-decoration: underline wavy green;
}
</style>
result:

IT present

example 6:
<a href="itpresent.com">IT present</a>
<style>
a {
text-decoration: underline overline wavy green;
}
</style>
result:

IT present

/* unvisited link */ a:link {
color: red;
}
/* visited link */
a:visited {
color: green;
} /* mouse over link */
a:hover {
color: hotpink;
} /* selected link */
a:active {
color: blue;
}








Privacy Policy