CSS续

CSS 属性 background-image用于设置背景图像。

body {
background-color: #FFCC66;
background-image: url("butterfly.gif");
}

这里就为body添加了背景图片，url后面写图片的路径。这样，图片横向和纵向都是平铺的，如果要改变样式，还有再加一个属性：background-repeat。

background-repeat:repeat-x    图像横向平铺
background-repeat:repeat-y    图像纵向平铺
background-repeat:repeat       图像横向和纵向都平铺
background-repeat:no-repeat  图像不平铺

如果想固定图片在背景中的位置，那么加属性：background-position。有以下三种写法：

background-position:2cm 2cm   图像被放置在页面内距左边2厘米、顶部2厘米的地方
background-position:50% 25%  图像被放置在页面内水平居中、离顶部四分之一处
background-position:top right    图像被放置在页面的右上角

还有一种情况，指定背景图像是固定在屏幕上的、还是随着它所在的元素而滚动的，

background-attachment:scroll 图像会跟随页面滚动——非固定的
background-attachment:fixed  图像是固定在屏幕上的

这是今天对背景的总结。