CSS Backgrounds and Borders
CSS Backgrounds and Borders 是CSS的一个模块,它可以让你为元素的背景和边框设置样式。背景可以用颜色或图像填充,剪裁或调整大小,以及以其他方式修改。边框可以用线条或图像装饰,并制成方形或圆形。此外,元素框可以用阴影装饰。
Reference
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
指南
工具
- 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 |