SQL PHP HTML JavaScript articles and free code If you are facing any problem in viewing this page, please tell us
 
 

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>





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

Sections
PHP
JavaScript
ASP
HTML
SQL
Photoshop
Articles SEO
List of HTML Tutorial
<CSS>
HTML Tags
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.