前端设计师必知的background属性（有CSS3内容）

http://www.cnblogs.com/biko-zc/archive/2009/09/09/1563545.html 原创地址

 

背景属性——background是css中的核心属性。你应该对它有充分的了解。这篇文章详细讨论了background的所有相关属性，甚至包括background-attachment，还为我们介绍了它在即将到来的CSS3中的样子，还有那些新加入的背景属性。

使用CSS2中的背景属性

回顾

css2中有五个与背景相关的属性。它们是：

• background-color: 完全填充背景的颜色                    
• background-image: 用作背景的图片                          
• background-position: 确定背景图片的位置                
• background-repeat: 确定背景图片是否重复铺平           
• background-attachment: 确定背景图片是否随页面滚动  

这些属性能够写在一个简单的属性中：background。必须指出background负责元素内容部分的背景，包括padding和border，但不包括margin。在Firefox, Safari 和 Opera, 以及 IE8中是这样处理的。不过在IE7 和万恶的IE6中就没包括border，区别就像下面的图片示例显示的那样 。