背景和边框 | CSS Backgrounds and Borders (Backgrounds & Borders) - CSS 中文开发手册 - Break易站
背景和边框 | CSS Backgrounds 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 |