这是段落
这个段落设置了内边距。
这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。
我们这么写代码是为了演示现在这样设置背景图片时,图像不会随页面的其余部分滚动。
我们除了可以在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为继承父元素本属性的值。
图像不会随页面的其余部分滚动。
图像不会随页面的其余部分滚动。
图像不会随页面的其余部分滚动。
图像不会随页面的其余部分滚动。
图像不会随页面的其余部分滚动。
图像不会随页面的其余部分滚动。
图像不会随页面的其余部分滚动。
图像不会随页面的其余部分滚动。
图像不会随页面的其余部分滚动。
图像不会随页面的其余部分滚动。
图像不会随页面的其余部分滚动。
图像不会随页面的其余部分滚动。
图像不会随页面的其余部分滚动。
图像不会随页面的其余部分滚动。
图像不会随页面的其余部分滚动。
图像不会随页面的其余部分滚动。
图像不会随页面的其余部分滚动。
图像不会随页面的其余部分滚动。
图像不会随页面的其余部分滚动。