CSS background 属性_html/css_WEB-ITnose-html教程-PHP中文网

CSS background 属性_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 11:44:19

原创

1254人浏览过

CSS 参考手册

实例

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

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

登录后复制

亲自试一试

IE Firefox Chrome Safari Opera

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

注释：IE8 以及更早的浏览器不支持一个元素多个背景图像。

注释：IE7 以及更早的浏览器不支持 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。

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

可以设置如下属性：

腾讯云AI代码助手

基于混元代码大模型的AI辅助编码工具

205

background-color

background-position

background-size

background-repeat

background-origin

background-clip

background-attachment

background-image

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

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

默认值：继承性：版本： JavaScript 语法：

not specified

CSS1 + CSS3

object.style.background="white url(paper.gif) repeat-y"

值描述 CSS

background-color	规定要使用的背景颜色。	1
background-position	规定背景图像的位置。	1
background-size	规定背景图片的尺寸。	3
background-repeat	规定如何重复背景图像。	1
background-origin	规定背景图片的定位区域。	3
background-clip	规定背景的绘制区域。	3
background-attachment	规定背景图像是否固定或者随着页面的其余部分滚动。	1
background-image	规定要使用的背景图像。	1
inherit	规定应该从父元素继承 background 属性的设置。	1