Underlining an html anchor with different color

anchor, css, html

Solution

You cannot specify the underline color separately, but you can use a little trick:

a {
    color: red;
    text-decoration: none;
    border-bottom: 1px solid green;
}

Note that the border will not appear exactly where the underline would have appeared, sorry.

Problem

Is it possible to underline an anchor tag with a color other than its text color? Any example will be appreciated. EDIT: Is it possible to specify color as hex e.g. #8f867c ?

Original source

Related problems