2020.2

Div element, but generally elements should not be positioned absolutely. Designs for the
Web should be flexible so that they display nicely on a variety of devices and screen
sizes.
Background color and/or image
In any type of template, boxes, tables and table cells can have a background color and/or a
background image.
To select a background image or color:
1.
Right-click the box and click Box on the shortcut menu.
2. Alternatively, select the box (see "Selecting an element" on page616; note that a Box is a
<div> element) and on the Format menu click Box.
3.
Click the Background tab.
To define a background color:
Click the downward pointing arrow next to Color to select a color from the list of predefined
colors (see "Background color and/or image" above).
Alternatively, click the small rectangle to the right of the color list to open the Color Picker
dialog. In this dialog you can select a color from the color wheel. You can also choose the color
mode: RGB or CMYK. For an explanation of these two modes, see "Background color and/or
image" above; for an explanation of the other options in this dialog, see "Color Picker" on
page938.
You could also type a name or value in the Color field directly. It must be a valid color name
(see color names on w3schools), a hexadecimal color code (see w3school's color picker), RGB
color value, for example rgb(216,255,170) or CMYK color value, for example cmyk(15%, 0%,
33%, 0%).
To select a background image:
1.
Click the Select Image button.
2.
Click Resources, Disk or Url, depending on where the image is located.
l
Resources lists the images that are present in the Images folder on the Resources
pane.
Page 756