Path = Home : Webmaster Resources : HTML Design Tips : Customizing Link Styles

How To Customize Link Styles

 

Removing the underline from a link

By default the link text is underlined, but if you want to, you can remove the underline of an individual link by adding the STYLE tag to your link HTML code.

<a href ="http://yoursite.com" style="text-decoration: none"> Example Link</a>

Example Link

 

Changing the link text to italics

<a href="http://yoursite.com"><em>Example Link</em></a>

Example Link

 

Changing the link text colors

You can change the color of an individual link by adding a font tag in front of your linked text.

<a href ="http://yoursite.com"><font color="#FF33FF"> Example Link</font></A>

Example Link

 

Making a link bold

<a href="http://yoursite.com"><b>Example Link</b></a>

Example Link

 

Changing the size of the link text

<a href="http://yoursite.com"><font size="4">Example Link</font></a>

Example Link