CSS link styling

Paste this code Inside Head

If you are not familiar with web studio refer to the instruction page

Different links colors on the same page
We do that with CSS and use what is called a "class"

Let's do one then I'll show you how to style it

This is how the link will look

Add your link in Web Studio like you always do.
Select your text, in the TEXT tab click on
"edit HTML" in clipboard

Look for
<A href="yourlink" ...
put in the class
<A class=next href="yourlink" ...

After you add the class to your links Preview

Changing the link colors

Use color names, or use a HEX colors like #800000

a:.next:link { color: DarkGreen; text-decoration: none;}

Changing the link underlines

a:.next:link { color: DarkGreen; text-decoration: none;}

For underlined the links you use underline and for no underline you use none

Link - a normal, unvisited link
Visited - a link the user has visited
Hover - a link when the user mouses over it
Active - a link the moment it is clicked

What does what?

To work properly in all browsers they always need to be in that order
a good way to remember is LoVe HAte

Active is conditional so you don't need to use it.

a:.next:link { color: DarkSlateGray; text-decoration: none;}
Next is the class name, the period in front of it makes it a class.

For additional different colored links you use different class names

color chart by name

You can also change the background colors by adding background-color: Gold;
like this
a.next3:link { color: Black; text-decoration: none; background-color: Gold;}

There is quite a few other things you can do but that's the basics

The next step, making a linked box

Home

This is an example that will be as wide as your text object, look like a button
with a border and the entire box will be linked

Paste this code Inside Head

I put some notes in this one where you can change the colors.