-
Step 1
Use Dreamweaver to open your website. Go to the page in your site that you want to apply CSS styles to and select "Window" and "CSS Styles." Click on "New CSS Style" and a pop-up window will be displayed.
-
Step 2
Go to the "Selector Type" and click on "Class." Type the name of the style in the box such as ".bullet." Select either the "Tag Selector Type" or the "Advanced Selector Type" depending upon whether you want to redefine HTML tags or use a combination of tags.
-
Step 3
Select "New Style Sheet" and define the style. Assign it a name such as "styles.css." Save it in site root and click "OK."
-
Step 4
Give the formatting attributes such as font and border in the pop up window "CSS Style Definition."
-
Step 5
Choose and right click the tag in the "Tag Selector" that can be found at the bottom left of the document window. This will allow you to use the new style you just made.
-
Step 6
Set the class property for the tag to use styles while typing HTML code.








