tinguo002

 

CSS background 属性

定义和用法

background 简写属性在一个声明中设置所有的背景属性。

可以按顺序设置如下属性:

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif'); 也是允许的。

通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。

默认值: not specified
继承性: no
版本: CSS1
JavaScript 语法: object.style.background="white url(paper.gif) repeat-y"

实例

如何在一个声明中设置所有背景属性:

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

TIY

浏览器支持

所有浏览器都支持 background 属性。

任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值

描述
background-color 规定要使用的背景颜色。参阅:background-color 中可能的值。
background-image 规定要使用的背景图像。参阅:background-image 中可能的值。
background-repeat 规定如何重复背景图像。参阅:background-repeat 中可能的值。
background-attachment 规定背景图像是否固定或者随着页面的其余部分滚动。参阅:background-attachment 中可能的值。
background-position 规定背景图像的位置。参阅:background-position 中可能的值。
inherit 规定应该从父元素继承 background 属性的设置。

TIY 实例

所有背景属性在一个声明之中
本例演示如何使用简写属性来将所有背景属性设置在一个声明之中。

相关页面

CSS 教程:CSS 背景

HTML DOM 参考手册:background 属性



欢迎大家访问我的个人网站 萌萌的IT人

posted on 2012-08-03 16:19 一堣而安 阅读(196) 评论(0)  编辑  收藏 所属分类: js_css


只有注册用户登录后才能发表评论。


网站导航:
 

导航

统计

常用链接

留言簿(1)

随笔分类

随笔档案

收藏夹

搜索

最新评论

阅读排行榜

评论排行榜