iWeb Icon

Filling a shape with a background color or image

If you add a shape to a webpage from the Shapes pop-up menu (in the toolbar at the bottom of the iWeb window), you can fill it with a color or image. If you also type text in the shape, it appears on top of the color or image.

To add a background color or image to a shape:

  1. On your webpage, select the shape you want to modify by clicking it.

  2. If the Graphic inspector isn’t open, click the Inspector button in the toolbar at the bottom of the iWeb window (or choose View > Show Inspector), and then click the Graphic button.

  3. Image of the Graphic Inspector button.
  4. Choose an option from the Fill pop-up menu:

  5. Color Fill: Adds a solid color to the background. Click the Fill color well and then pick a color.

    Gradient Fill: Adds gradient colors to the background. Use the controls to set the colors and change the angle of the gradient.

    Advanced Gradient Fill: Adds gradient colors to the background. Use the controls to choose a gradient style, change the direction and angle of the gradient, and set gradient colors (by clicking the arrows at either end of the gradient slider).

    Image Fill: Adds an image to the background. In the window that opens, select the image you want. Then, choose an option from the pop-up menu above the Choose button to resize it.

    To choose a different image, click the Choose button.

    Tinted Image Fill: Adds an image with a color over it. Select the image you want, and then click the color well to the right of the Choose button to change the tint color. You can resize the image by choosing an option from the pop-up menu above the Choose button.

Related Topics

Adding text inside a shape

Was this page helpful? Send feedback.