CSS Backgrounds and Borders

Styles in the CSS Backgrounds and Borders module allow filling backgrounds with color or an image (clipped or resized), or modifying them in other ways. These styles can also decorate borders with lines or images, and make them square or rounded. (Additionally, element boxes can be decorated with a shadow.)

Reference

CSS Properties

Tools

Using multiple backgrounds
Explains how to set one or more backgrounds on an element.
Scaling background images
Describes how to change the size and repeating behavior of background images.
Applying color to HTML elements using CSS
An overview of how CSS color can be used in HTML, including for borders.
Border-image generator
This interactive tool lets you visually create border images (the border-image property).
Border-radius generator
This interactive tool lets you visually create rounded corners (the border-radius property).
Box-shadow generator
This interactive tool lets you visually create shadows behind elements (the box-shadow property).

Specifications

Specification Status Comment
CSS Backgrounds and Borders Module Level 3 Candidate Recommendation
CSS Level 2 (Revision 1) Recommendation
CSS Level 1 Recommendation