这是标题 1

这是标题 2

这是段落

这个段落设置了内边距。

这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。

我们这么写代码是为了演示现在这样设置背景图片时,图像不会随页面的其余部分滚动。

我们除了可以在style部分逐条设置属性之外,还可以这么来设置:其与上面那样设置效果一样,
但是不容易分辨。background: #ff0000 url(pic/background1.png) no-repeat fixed center

这里我们来介绍一下CSS背景中的属性:

background为简写属性,作用是将背景属性设置在一个声明中。

background-attachment用于设置背景图片是否固定或随页面其余部分移动,
除了上面我们写的fixed之外,还有scroll,为默认值,表示图像会随着页面移动。 inherit规定应该从父元素继承本属性的设置。

background-color用于设置背景颜色。

background-image用于设置背景图片。

background-position用于设置图片的起始位置。

设置起始位置的值时,不论用固定的几个值还是自定义的%或者像素

都为两个值,如果我们只规定了一个值,那么第二个值默认会为50%或者center

top、bottom、center会与left、right、center搭配。

background-repeat用于设置背景图片的重复方式。

其取值有no-repeat表示不重复,repeat-x表示水平方向重复,

repeat-y表示垂直方向重复,repeat为默认值,表示水平方向与垂直方向都重复。

inherit为继承父元素本属性的值。

图像不会随页面的其余部分滚动。

图像不会随页面的其余部分滚动。

图像不会随页面的其余部分滚动。

图像不会随页面的其余部分滚动。

图像不会随页面的其余部分滚动。

图像不会随页面的其余部分滚动。

图像不会随页面的其余部分滚动。

图像不会随页面的其余部分滚动。

图像不会随页面的其余部分滚动。

图像不会随页面的其余部分滚动。

图像不会随页面的其余部分滚动。

图像不会随页面的其余部分滚动。

图像不会随页面的其余部分滚动。

图像不会随页面的其余部分滚动。

图像不会随页面的其余部分滚动。

图像不会随页面的其余部分滚动。

图像不会随页面的其余部分滚动。

图像不会随页面的其余部分滚动。

图像不会随页面的其余部分滚动。