Creating CSS Text Rollovers in DreamweaverMX

Tutorials Shared by the Internet Community


  Top Tutorials     New Tutorials     Submit     Login     Register  

Creating CSS Text Rollovers in DreamweaverMX

Try these text rollover effects using CSS style sheets. You can cut and paste the code provided.
  • Total Hits: 16078

  • Average Rating :
    URL RatingURL RatingURL RatingURL RatingURL Rating


  • Total Votes: 150 votes

  • Category: Dreamweaver/CSS Styles

  • Submitted on: 2008-03-08 10:22:42

  • Submitted By: Devesh Khanna

  • Set as Favorite


CSS Styles are a simple and fast way of making your site look good. In this you can learn how to make text rollovers.

The trick is to use the a:hover style! You can follow the steps given below:

1. In your style sheet choose New
2. Choose Use CSS selector
3. In the drop down menu choose a:hover
4. Define your style. Choose the font, color, bold, underline etc.
5. You're thru! It's easy and fast and really cool!    More detail...

Rating Detail

 Stars  Percentage  Total Vote
 One star  Vote LeftVote MiddleVote Right 37.33%  56
 Two starsTwo star  Vote LeftVote MiddleVote Right 10.67%  16
 Three starsThree starsThree stars  Vote LeftVote MiddleVote Right 12%  18
 Four starsFour starsFour starsFour stars  Vote LeftVote MiddleVote Right 11.33%  17
 Five starsFive starsFive starsFive starsFive stars  Vote LeftVote MiddleVote Right 28.67%  43

Caste Your Vote

 Rating  Selection  Guidelines
 Poor:     Very disappointing, useless.
 Fair:     Below average, disappointing but not useless.
 Good:     About average in its class.
 Very Good:     Above average for its category.
 Excellent:     One of the best Tutorials in its category.