CSS Backgrounds and Borders

CSS Backgrounds and Borders is a module of CSS that lets you style elements' backgrounds and borders. Backgrounds can be filled with a color or image, clipped or resized, and otherwise modified. Borders can be decorated with lines or images, and made square or rounded. Additionally, element boxes can be decorated with a shadow.

Reference

CSS 属性

指南

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 生成器

此交互式工具让你以可视化方式创建边框图像（border-image 属性）。

Border-radius 生成器

此交互式工具让你以可视化方式创建圆角（border-radius 属性）。

Box-shadow 生成器

此交互式工具让你以可视化方式创建元素身后的阴影（box-shadow 属性）。

规范

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!