From the course: Dreamweaver CS6 Essential Training

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Creating CSS-based rollovers

Creating CSS-based rollovers - Dreamweaver Tutorial

From the course: Dreamweaver CS6 Essential Training

Start my 1-month free trial

Creating CSS-based rollovers

Although we aren't going to do anything in this movie that we haven't already done in one form or another, stick with me, because in this movie we're going to tie everything that we've learned about styling links together to explore making CSS-based rollovers. We'll focus on a background image based rollover, but the same techniques that we're going to use here would also work with background colors or foreground colors. The ability to create CSS-based rollovers is based off of the use of what we call pseudo selectors. There are many different pseudo selectors, but the link, visited, hover, and active pseudo selectors allow us to respond to user interaction on our links. In the past we've needed to be very careful in how we added these pseudo-selectors as browsers were very inconsistent in how they handled visited links. Now the browsers have more or less standardized how visited links are handled we can use the hover pseudo selector to control user interaction on links without…

Contents