Computer Hope

Other Pages

Home
Site map
Computer help

Dictionary
News
Q&A
What's new

Tools

E-mail this page
Print Preview
Edit this page




Reference number: CH000075

Changing link color when moving mouse over link in HTML.

Issue:

Changing link color when moving mouse over link in HTML.

Solution:

Implement the below code into your <head></head> portion of your web page. This is a full example of changing the link properties of your web page. If you wish to just change the link color when moving a mouse over a link you only need the A:hover line.

<style type="text/css">
<!--
A:link { COLOR: black; TEXT-DECORATION: none; font-weight: normal }
A:visited { COLOR: black; TEXT-DECORATION: none; font-weight: normal }
A:active { COLOR: black; TEXT-DECORATION: none }
A:hover { COLOR: blue; TEXT-DECORATION: none; font-weight: none }
-->
</style>

hover - This is the color that the text is going to be changed to when the mouse is over the link.

Although all modern browsers today support CSS any older Internet browsers that do not support this feature will not have this capability.

Additional information:

  • See our onMouse page for additional examples of how to change images when moving a mouse over the image.

 

 

 

 

Index

Category:
HTML Q&A

Companies:
None

Related Pages:
HTML Help

 

Resolved

Were you able to locate the answer to your questions?

Home - Computer help - Contact - Dictionary - Links
Link to Computer Hope - Bookmark Computer Hope