Show All

Setting background colors and images

Any element can have a background color or image. For some elements, you can set these properties directly. You can also include these properties in a style that you apply to any element.

Namo Web Editor icon reveal Setting background colors and imagesTo set a background color or image on a paragraph, heading, or list item
  1. Place the insertion point in the desired paragraph.
  2. On the Document menu, go to Decorate, and then click Border Format.
  3. Under Background, do one of the following:
    • Click the Color box and select a color.
    • Enter the path or URL to an image file in the Image box. To select a file on the local file system, click Browse. To specify options for the background image, click Options.
  4. Click OK.

    Namo Web Editor icon note Setting background colors and imagesWhen you set a background color on a paragraph or similar element, the background fills the entire space between the left and right sides of the element’s parent containerThe element, frame, or window that immediately contains the current element. (such as a table cell or the browser window), even if the element’s content only takes up part of the space. To avoid this, select the text of the element and set the background color on the selection.

Namo Web Editor icon reveal Setting background colors and imagesTo set a background color on a text selection
  1. Select the desired text.
  2. On the Home menu, go to the Font group, and then click the triangle next to the Font Color button. Then select a color.
Namo Web Editor icon reveal Setting background colors and imagesTo set a background color or image on a table, row, or cell
  1. Place the insertion point in the desired table, row, or cell.
  2. On the Tag Selector, do one of the following:
    • Click <table> to select the table
    • Click <tr> to select the row
    • Click <td> to select the cell
  3. On the Layout menu, go to the Table group, and then click Properties.
  4. In the Table Properties dialog box, do one of the following:
    • To set the background color, on the Background section, click the Color box and select a color.
    • To set the background image, enter the path or URL of an image file in the Image box. To select a file on the local file system, click Namo Web Editor button browse Setting background colors and images (Browse).
Namo Web Editor icon reveal Setting background colors and imagesTo set a background color or image on a layer or floating box
  1. Double-click the layer or floating box’s outline.
  2. Under Background, do one of the following:
    • Click the Color box and select a color.
    • Enter the path or URL to an image file in the Image box. To select a file on the local file system, click Namo Web Editor button browse Setting background colors and images (Browse).
  3. Click OK.
Namo Web Editor icon reveal Setting background colors and imagesTo set the document’s background color or image
  1. On the Document menu, go to Property, click Document, and then click Appearance tab.
  2. Do one of the following:
    • Under Colors, click the Background box and select a color.
    • Under Background image, enter the path or URL to an image file. To select a file on the local file system, click Namo Web Editor button browse Setting background colors and images (Browse).
  3. Click OK.
Namo Web Editor icon reveal Setting background colors and imagesTo specify a background color or image in a style
  1. On the Home menu, go to Style, and then click Define Styles.
  2. In the Styles list, select the style you want to modify. (Or create a new style.)
  3. Click the Borders & Background tab.
  4. Under Background, do one of the following:
    • Click the Color box and select a color.
    • Enter the path or URL to an image file in the Image box. To select a file on the local file system, click Browse. To specify options for the background image, click Options.
Related topics

Style dialog box – Borders & Background tab

Background Image Options dialog box

Selecting colors

Setting character-related properties

Setting paragraph alignment, indentation, and line height

Setting margins, padding, and borders

Defining a style

Setting background colors and images