Login | Register   
LinkedIn
Google+
Twitter
RSS Feed
Download our iPhone app
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX


Tip of the Day
Language: Web
Expertise: Beginner
Dec 15, 1999

Add Some Pseudo-Class to Your HTML

Rollover effects are fun in HTML but too much code and alternate images means your page takes longer to render in the browser. Don't forget that some effects are built into browsers. For example, there are pseudo-classes like :hover for the anchor tag. As you can see in the sample code, adding styles can change the background color of links as the mouse passes over.

 
<HTML>
<HEAD>
<STYLE type="text/css">
A:hover {background-color:yellow}
</STYLE>
</HEAD>
<BODY>
<a href="#">Pass your cursor here.</a>
</BODY>
</HTML>

Other pseudo-classes include :active, :link and :visited.

Ken Cox
 
Comment and Contribute

 

 

 

 

 


(Maximum characters: 1200). You have 1200 characters left.

 

 

Sitemap