+ Post New Thread
Results 1 to 5 of 5

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

  1. #1
    Banned
    Join Date
    Aug 2015
    Location
    Bangalore
    Posts
    47

    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
    Member nesir's Avatar
    Join Date
    Sep 2017
    Location
    South Africa
    Posts
    90


    Is this useful / helpfull? Yes | No
    Simply add class to the link. Then add a style to the class called text decoration none.

  3. #3
    Junior Member GridCash's Avatar
    Join Date
    Mar 2018
    Posts
    5


    Is this useful / helpfull? Yes | No
    <a href="#" class="link">LINK</a>

    in CSS

    .link:hover {
    text-decoration: none;
    }

  4. #4
    Junior Member seojyoti's Avatar
    Join Date
    Mar 2015
    Posts
    9


    Is this useful / helpfull? Yes | No
    Put the following HTML code before the <BODY> tag: <STYLE>A {text-decoration: none;} </STYLE>

  5. #5
    Member nesir's Avatar
    Join Date
    Sep 2017
    Location
    South Africa
    Posts
    90


    Is this useful / helpfull? Yes | No
    This is the best method
    <a href="#" class="clean">LINK</a>

    .clean:hover {
    text-decoration: none;
    }

    You should add a transition effect on it more aesthetic the website design.

    a {
    text-decoration: none;
    position: relative;
    font-size: 2em;
    }

    a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: black;
    opacity: 0;
    transition: 1s all ease-in-out;
    }

    a:hover:after {
    opacity: 1;
    }

    <a href="#" class="underline">link</a>

+ Post New Thread

Similar Threads

  1. What is link equity in SEO..?
    By ruhikhan in forum SEO - Search Engine Optimisation
    Replies: 0
    Last Post: 12-31-2018, 05:05 AM
  2. Replies: 0
    Last Post: 12-07-2017, 04:10 AM
  3. How to remove Spam link or bad link?
    By phpassignment in forum SEO - Search Engine Optimisation
    Replies: 4
    Last Post: 08-04-2017, 08:53 AM
  4. Replies: 0
    Last Post: 03-08-2017, 10:27 PM
  5. Replies: 0
    Last Post: 06-23-2013, 07:13 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
 Protected by : ZB BLOCK  &  StopForumSpam