Quick Tip: How to create a link hover

For Tuesday’s quick tip we will be showing you how to make your ordinary links hover using CSS. Read on for the tutorial.

Step 1

OK, so let’s start off with this example code:

<a href="#" id="mybutton" title="Testing"></a>

Step 2

Now open your stylesheet, for this quick tip I’m using style.css. Add the following items to your stylesheet:

#mybutton a {
color:black;
font-weight:normal;
text-decoration:none;
}

#mybutton a:hover {
color:orange;
font-weight:bold;
text-decoration:underline;
}

Just another great tip from Amazing Coder!

Tags: Anderson, CSS, hover, link, Luke, stylesheet