CSS Backgrounds and Borders
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属性)。
规范
| Specification |
|---|
| CSS Backgrounds and Borders Module Level 3 |