MACROMEDIA DREAMWEAVER 8-GETTING STARTED WITH DREAMWEAVER Getting Started page 123

Add a rollover effect
Now you'll add a rollover effect so that the background color of the
navigation bar blocks change whenever the mouse pointer passes over one
of the links. To add a rollover effect, add a new rule that contains the
:hover pseudo-class.
1. Open the cafe_townsend.css file.
2. Select the entire .navigation rule.
3.
Copy the text (Edit > Copy).
About the :hover pseudo-class A pseudo-class is a means of affecting certain elements in an HTML
document, based not on the HTML code of the document itself, but on other external conditions applied
by the web browser. Pseudo-classes can be dynamic, in the sense that an element on the page may
acquire or lose the pseudo-class while a user interacts with the document.
The :hover pseudo-class affects a change in a formatted page element when the user holds the mouse
over the element. For example, when the :hover pseudo-class is added to the .navigation class style
(.navigation:hover) to create a new rule, all text elements that the .navigation rule formats change
according to the .navigation:hover rule's properties.
Format the navigation bar text 123