css links

by toubia95

HTML

<p><a>Link</a> !</p>
<p><a class="hover">Hover</a> !</p>
<p><a class="visited">Visited</a> !</p>
<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed risus odio, tempus nec elit ac, pellentesque finibus odio. Suspendisse auctor aliquam leo, non ornare turpis <a>consectetur</a> eget. Aliquam dui turpis, laoreet in dapibus eu, condimentum ut velit. Aenean feugiat lorem eu aliquet cursus. Aenean quis auctor sem. Praesent efficitur nisl non tellus ornare tristique. Fusce venenatis lacus ornare arcu pharetra ultricies vel non augue. Sed tempus augue ut rhoncus luctus. Ut ac leo vel odio tincidunt sagittis. In pulvinar, velit non tincidunt fermentum, ante justo dictum elit, non lacinia dolor justo <a>eget tortor</a>. Integer in neque vel justo semper ultrices iaculis at ante. Phasellus viverra, nisi nec tincidunt fermentum, erat neque rhoncus leo, in malesuada augue erat quis purus. In pretium, nulla vel sodales eleifend, elit arcu tincidunt ante, non sollicitudin purus ante id dui. Mauris vehicula blandit risus, bibendum ornare tortor tincidunt ut. Donec rutrum gravida tristique.

Nam consequat lacus sed massa molestie, at lacinia nisi maximus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris sit amet mi in sem accumsan elementum ut vitae risus. Mauris elementum urna in mauris feugiat, at feugiat nisl efficitur. Integer nec sapien et mi luctus elementum. Sed condimentum vestibulum laoreet. Quisque sed dapibus metus. Nullam bibendum facilisis purus varius dignissim. Maecenas vitae varius quam, ut ultricies urna. Curabitur at metus id massa vehicula ultricies et in ipsum. Fusce at sem sem. Aenean vitae gravida magna, et ornare diam. </p>

CSS

a {
    text-decoration:none;
    color: black;
    border-bottom: 2px solid red;
}
a:hover, a:active, .hover {
    color: red;
    border-color: grey;
}
a:visited, .visited {
    color: silver;
    border-color: grey;
}