HTMLQUEEN

Mouseover

Mouseover with text decoration:(underline,overline,line-through,underline overline)

<style type="text/css"><!-- a:hover {color:red; letter-spacing:1px; cursor:hand; background:url(if you want a background image put it here); color:blue; text-decoration:line-through} --></style>

Breaking down the code:

a:hover {color:red; is the part of the code that changes the color of the link when the mouse passes over it.

letter-spacing:1px; is the part of the code that spaces out each letter of the link when the mouse passes over it.

cursor:hand; is the part of the code that changes the cursor when the mouse passes over the link.

(click here for a list of cursor codes)

To make a background color for your links use:
<style type="text/css"><!-- a:hover{background:BB0000} //--></style>

To make a background image for your links use:
<style type="text/css"><!-- a:hover{background:url(insert url here)} //--></style>

The following code adds a border around your links:
<style type="text/css"><!-- a:hover{border:000000 1px solid} //--></style>

Here are the different styles:
Solid
double
inset
dotted
dashed


|

Go Back

  Contact   cc   ©1DreamDesign 2005-2006 All Rights Reserved