Search this code:

On the place where is the “#” fill in your link.



---------------------------------------------------------------------

STEP 3:
Now we gonna work with the ‘style’ tags.

Search the head tags:

And place a style tag between:

---------------------------------------------------------------------

STEP 4

Now place this code between the ‘style’ tags.

Explaination:

color: #990000; THIS means wich color the link is,
font-family: Arial, Helvetica; THIS is the tag for the font for the link
text-decoration: none: AND this means there is no decoration. Decoration tags that can be used: underline, bold, italic, overline, line-through, blink(only in Netscape).

This is what I have so far:


---------------------------------------------------------------------

STEP 5

Now copy and paste this code beneath the code above:

Explaination:

‘A:Hover’ means how the link look like when the visitor Mouseovers the link.
‘A:Active’ means how the link act if it is Active (when clicked).

---------------------------------------------------------------------

STEP 6

Search the code:

This means what cursor you have while doing a link action (A, A:Hover, A:Active, A:Visited)
You can choose from this cursors:

hand
crosshair
text
wait
default
help
e-resize
ne-resize
n-resize
nw-resize
w-resize
sw-resize
s-resize
se-resize
auto

Try by youself what the effect is!

The last thing you have to do is going to Save As, and save it as css.htm

Here you go! You have a nice rollover link, in this tutorial you have learned INLINE CSS. In the next tutorial I will tell how OUTLINE CSS works…

Dennis

P.s. Here is what I got, My CSS 1
P.p.s If you have questions, ask them!