a, a:hover, a:focus, a:active {
text-decoration: none;
color: inherit;
}<body>
<h2>About</h2>
<p>
<!-- Just add text decoration style:None -->
Our <a href="" style="text-decoration: none;">Team</a>
</p>
</body><a href="http://yoursite.com/" style="text-decoration:none">yoursite</a><a style="text-decoration:none" href="http://Example.Microsoft.Com">nonunderlinedhyperlink</a>how to remove underline from a tag:
<a style="text-decoration:none" href="http://Example.Microsoft.Com">nonunderlinedhyperlink</a>/* This is a class that can be applied to a link
It is recommended to use padding to create size of button in this case
Use a 1:2.5 ratio for the top and sides as given below
*/
.button {
text-decoration: none;
padding: 15px 30px;
} a, a:hover, a:focus, a:active {
text-decoration: none;
color: inherit;
}
a{
text-decoration: none;
}<!DOCTYPE html>
<html>
<head>
<title>HTML Text Decoration</title>
</head>
<body>
<h2>About</h2>
<p>
Our <a href="/about/about_team.htm" style="text-decoration: none;">Team</a>
comprises of programmers, writers, and analysts.
</p>
</body>
</html>