背景和边框 | CSS Background and Borders
CSS背景和边框是CSS的一个模块，可以让你设计元素的背景和边框。背景可以填充颜色或图像，剪裁或调整大小，或者修改。边框可以用线条或图像装饰，并做成正方形或圆形。此外，元素盒可以用阴影装饰。
参照
CSS属性
background
background-attachment
background-clip
background-color
background-image
background-origin
background-position
background-position-x
background-position-y
background-repeat
background-size
border
border-bottom
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-collapse
border-color
border-image
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-left
border-left-color
border-left-style
border-left-width
border-radius
border-right
border-right-color
border-right-style
border-right-width
border-style
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
box-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 |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
