1 a, a:hover, a:focus, a:active {
2 text-decoration: none;
3 color: inherit;
4 }
1a {
2 background-color: red;
3 color: white;
4 padding: 1em 1.5em;
5 text-decoration: none;
6 text-transform: uppercase;
7}
1<a style="text-decoration:none" href="http://Example.Microsoft.Com">nonunderlinedhyperlink</a>
1<!-- HTML code to remove underline
2 from anchor tag -->
3<!DOCTYPE html>
4<html>
5 <head>
6 <title>text-decoration property</title>
7
8 <!-- text-decoration property to remove
9 underline from anchor tag -->
10 <style>
11 a:link {
12 text-decoration: underline;
13 }
14 a:hover {
15 text-decoration: none;
16 }
17 </style>
18 </head>
19
20 <body style="text-align: center">
21 <a id="GFG" href="#"> Hello Programmers! </a>
22 </body>
23</html>