by @kodeazy

CSS On Hover How to remove underline from hyperlink?

Home » CSS » CSS On Hover How to remove underline from hyperlink?
  • I have an hyper link as below

    <html>
    <body>
    <a href="https://www.kodeazy.com">click me</a>
    </body>
    </html>

    output: Hyper Link Image

  • To remove underline from an hyperlink on hover on above image we use below syntax.

    a:hover{
      text-decoration: none;
    }
  • Below is example code.

    <html>
    <head>
    <style type="text/css">
    a:hover{
      text-decoration: none;
    }
    </style>
    </head>
    <body>
    <a href="https://www.kodeazy.com">click me</a>
    </body>
    </html>

    Output: Hyper Link Removed Image