How do you make the underline of a link different from the text?

Question

As you can see this method only creates an underline on top of the original undeline of the link - compare the two green underlines - if the blue of the original blue underline of the link wasn't there the green would be as green as in an underlining of a non link.


href="http://www.yahoo.com"
target="_top"> style="border-bottom: 1px solid rgb(41, 207, 41); font-family: Arial;">Definition





style="border-bottom: 1px solid rgb(41, 207, 41); font-family: Arial;">Definition





Thanks

Answer 1

If you add "text-decoration: none;" to your link style, then the normal link underline will be suppressed and you'll see only the green underline.