前端设计师必知的background属性(有CSS3内容)
2014-05-19 20:15
344 查看
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,区别就像下面的图片示例显示的那样 。
背景属性——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,区别就像下面的图片示例显示的那样 。
相关文章推荐
- 前端设计师必知的background属性(有CSS3内容)
- css 前端设计师必知的background属性(有CSS3内容)
- 前端设计师必知的background属性(有CSS3内容)
- 前端设计师必知的background属性(有CSS3内容)
- 前端设计师必知的background属性(有CSS3内容)
- 前端设计师必知的background属性(有CSS3内容)
- HTML5 viewport 标签与 CSS3 background-size 属性 使图片完全适应区域内容
- CSS3background新增属性
- Web 前端开发者必知的9 个CSS属性
- Web 前端9 个 CSS3 属性
- Web 前端开发者必知的9 个 CSS 属性
- Web 前端开发者必知的9 个 CSS 属性
- Web 前端开发者必知的9 个 CSS 属性
- 前端开发人员必须熟悉的10个CSS3属性
- css3背景属性 background-size 对背景图进行缩小放大
- CSS3中background属性的调整
- css3中background新增的4个新的相关属性用法介绍
- CSS3 background-size属性
- 前端开发人员必须熟悉的10个CSS3属性
- 在css3中background-clip属性与background-origin属性的用法介绍