dcsimg
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 16, 1999

WEBINAR:

On-Demand

Building the Right Environment to Support AI, Machine Learning and Deep Learning


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
Thanks for your registration, follow us on our social networks to keep up-to-date