SQL PHP HTML JavaScript articles and free code
 
 

Designing of style property of links by using CSS

Read the first part on using CSS for links


Here we will see how we can highlight backgrounds and change color of the fonts when mouse is passed over the links. This effect we can create by using style property of the link element.





Here for our easy understanding we have used internal style sheet to assign styles to our link. But this can be used in external style sheet also.


Here is the link which fallows the style property set by us in internal style sheet.

this is a link

Here is the code for an style sheet of a link

<style type="text/css">
<!--
a:link { color: #0000ff;}
a:visited { color: #000000;}
a:hover { color: #CCCCCC;
  background-color: #f06040;
  text-decoration: none;
  }
a:active { color: #333333;}
}
-->
</style>

<a href=site_map.php >this is a link</a>




Discuss this tutorial at forum

List of HTML Tutorials

CSS: Cascading Style Sheets
Advantage of using CSS
Cascading Style Sheets
Types of Cascading Style Sheets and their priority distribution
Removing Underline from links by CSS
Fonts style control using Cascading Style Sheets
Body tag style properties in external style sheet
Header tag style properties in external style sheet
Mouse over effects of links using CSS
Links using CSS
Mouse Cursor shape or style control by Cascading Style Sheets
 

Subscribe
Submit your email address and receive article and product notifications. Your email is safe with us.

Scripts
PHP
JavaScript
List of HTML Tutorial
HTML Tags
Color Chart
HTML Calendar
Tags on web page
Web Design
Subscribe
Submit your email address and receive article and product notifications. Your email is safe with us.