Adding color – fills and strokes

Although we often use rectangles as "invisible" containers to hold our text or images, we can also apply color to them using fills and strokes.

Adding a stroke

Perform the following steps to add strokes:

1. 1. In the Design view, select a rectangle.

2. 2. With the rectangle still selected, add a stroke color by clicking on the Stroke color picker in the Control Panel, and then choosing a stroke color. We can use the eye-dropper tool to select a color from the color field, or from another area on the web page, or you can specify RGB values. For this exercise choose white as the stroke color.

   Note

   Picking and Saving Colors

   Anytime you use the color picker, whether it's for a stroke, a fill, or a browser fill, you can create a new color swatch in conjunction with the color picker. Click on the New Swatch icon next to the trash can icon in the lower-right corner of the color picker after specifying a new color and this will save the swatch for you.

   Double-clicking on a swatch...