By Eddy R.
5-8-00

Here is a quick and easy way to add CSS to your web documents with Dreamweaver. In this example we'll add an effect on text links so that they may change color and lose the underline when the mouse hovers over them. Fire up Dreamweaver and let's get started.

First you'll need to create a document that contains at least one link, next you need to launch the Show Styles panel located at the bottom-right of DW's window. See it here.

Once the panel is launched, select Style Sheet and then click on New. When you click on new, a new panel will appear (see it here), make sure the following is selected: Use CSS Selector, then select from the drop-down menu: A:hover, and click on OK.

When you click on OK, a new window called Style Definition will appear - fill out the form with your preferences like so, and click on OK.

Now, hit F12 and watch the CSS effect at work or see it work here.

Note that this effect is not supported by Navigator yet, however the new and improved Navigator 6 promises to fully support CSS.