CSS Hyperlinks

Below you will see what can be done with CSS and hyperlinks.
Note: Not all examples will work in all browsers.

 

To view the css code used, click here.

 

'Standard Links - No Hover Effect'

Normal Link

Underline Removed

Background Color

Border - Dotted - No Underline

Change of Color

Underline & Overline

Dashed Underline

Colorful Underline

 
     

'Links with Hover Effect'

Change Color on Hover

Underline on Hover

Change Background

Change to Uppercase

Change to Bold

Hover with Overline

Dashed Underline to Solid

Animated Hover

Blink on Hover

     

'Visited Links (Click to view effect)'

Line Through Link

Visited Link Ticked

Change Color

Blend Link in with Text

Background Image

Side Lines

     

 

If you have any other suggestions for hyperlinks, then please contact us and we will add them to this list.