背景和边框 | CSS Background and Borders (Backgrounds & Borders) - CSS 中文开发手册 - Break易站
背景和边框 | CSS Background and Borders (Backgrounds & Borders) - CSS 中文开发手册
CSS背景和边框是CSS的一个模块，可以让你设计元素的背景和边框。背景可以填充颜色或图像，剪裁或调整大小，或者修改。边框可以用线条或图像装饰，并做成正方形或圆形。此外，元素盒可以用阴影装饰。
参照
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
指南
使用多个背景说明如何在元素上设置一个或多个背景。缩放背景图像描述如何更改背景图像的大小和重复行为。使用CSS将颜色应用于HTML元素概述了如何在HTML中使用CSS颜色（包括边框）。
工具
边界图像生成器这个交互式工具可以让你可视化地创建边界图像（border-image属性）.Border-radius generator这个交互式工具可以让你可视化地创建圆角（border-radius属性）。这个交互式工具可以让你直观的在元素后面创建阴影（box-shadow属性）。
规范
| Specification | Status | Comment |
|---|---|---|
| CSS Backgrounds and Borders Module Level 3 | Candidate Recommendation | |
| CSS Level 2 (Revision 1) | Recommendation | |
| CSS Level 1 | Recommendation | |
浏览器兼容性
| 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 |
