This is a <h4> with a white background

This is a <p> with a background using the hexadecimal value of #1078E1

• This is an unordered list
• with an RGB value of 149, 206, 145

This <p> has a background image using a relative path to the picture.

This <h4> has a background image using the complete url path.

This <p> has a background image repeating in both directions (default repeat). If you use this option, make sure that your image was designed to be repeated.

This <h4> has a background image repeating vertically (y). You could this to add a style to the side of your element.

1. This is an ordered list
2. With a background that repeats
3. Horizontally (x)

• This is an unordered list
• With a background that repeats
• in neither direction.

This <p> has a background image positioned with pixel values.

This <h4> has a background image positioned with percentages.

1. This is an ordered list
2. With a background that was positioned
3. using keywords.

This paragraph has a gradient background. The gradient background was first made in a painting program and then repeated horizontally across the paragraph element. It makes for a neat effect that also loads quickly! Because the image is very skinny, the file size is also very small. You could also create a gradient that changes color left to right and repeat it in the vertical direction to have a gradient on the side of your web page.