CSS Backgrounds and Borders 是CSS的一个模块，它可以让你为元素的背景和边框设置样式。背景可以用颜色或图像填充，剪裁或调整大小，以及以其他方式修改。边框可以用线条或图像装饰，并制成方形或圆形。此外，元素框可以用阴影装饰。
Reference
CSS 属性
backgroundbackground-attachmentbackground-clipbackground-colorbackground-imagebackground-originbackground-positionbackground-position-xbackground-position-ybackground-repeatbackground-sizeborderborder-bottomborder-bottom-colorborder-bottom-left-radiusborder-bottom-right-radiusborder-bottom-styleborder-bottom-widthborder-collapseborder-colorborder-imageborder-image-outsetborder-image-repeatborder-image-sliceborder-image-sourceborder-image-widthborder-leftborder-left-colorborder-left-styleborder-left-widthborder-radiusborder-rightborder-right-colorborder-right-styleborder-right-widthborder-styleborder-topborder-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-styleborder-top-widthborder-widthbox-shadow
指南
工具
- 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属性）。
规范
| 规范 | 状态 | 备注 |
|---|---|---|
| CSS Backgrounds and Borders Module Level 3 | Candidate Recommendation | |
| CSS Level 2 (Revision 1) | Recommendation | |
| CSS Level 1 | Recommendation |
浏览器兼容性
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!
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 1.0 | 1.0 (1.7 or earlier) | 4.0 | 3.5 | 1.0 (85) |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | (Yes) | 1.0 (1.9.2) | (Yes) | (Yes) | 1.0 |