Results 1 to 3 of 3
  1. #1
    Senior Member dennis123's Avatar
    Join Date
    Apr 2013
    Location
    Bangalore
    Posts
    2,550

    How to display a link without underline when mouseover on the link using CSS?

    How to display a link without underline when mouseover on the link using CSS?

  2. #2
    Registered User
    Join Date
    Mar 2019
    Location
    Ahmedabad
    Posts
    41
    HTML Code:
    <html>
    <head>
    
    <style>
    a:hover{
    text-decoration:none; 
    }
    </style>
    
    </head>
    <body>
    <a href="https://www.google.com/">LINK</a>
    </body>
    </html>

  3. #3
    Registered User
    Join Date
    May 2019
    Location
    USA
    Posts
    289
    This page shows how to remove the hyperlink underline with CSS by using the text-decoration property. Did you know that removing the underline allows you to make different colored underlines for your hyperlinks?

    Code <a href="remove-hyperlink-underline.php" style="text-decoration: none;">Remove Hyperlink Underline</a>

    The easy way to remove all hyperlink underlines on a single web page is to declare the text-decoration: none; rule directly into the head of your web document using an internal stylesheet like this
    Code - HTML and CSS

    <style>
    a {
    text-decoration: none;
    }
    </style>

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

  Find Web Hosting      
  Shared Web Hosting UNIX & Linux Web Hosting Windows Web Hosting Adult Web Hosting
  ASP ASP.NET Web Hosting Reseller Web Hosting VPS Web Hosting Managed Web Hosting
  Cloud Web Hosting Dedicated Server E-commerce Web Hosting Cheap Web Hosting


Premium Partners:


Visit forums.thewebhostbiz.com: to discuss the web hosting business, buy and sell websites and domain names, and discuss current web hosting tools and software.