css背景：
CSS 属性定义背景效果:
background-color
background-image
background-repeat
background-attachment
background-position
background-color 属性定义了元素的背景颜色.
页面的背景颜色使用在body的选择器中:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
body {
background-color: #b0c4de;
}
</style>
</head>
<body>
<h1>我的 CSS web 页!</h1>
<p>你好世界！这是来自 runoob 菜鸟教程的实例。</p>
</body>
</html>
《-------------------------------------------------------------》
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
h1 {
background-color: #6495ed;
}
p {
background-color: #e0ffff;
}
div {
background-color: #b0c4de;
}
</style>
</head>
<body>
<h1>CSS background-color 实例!</h1>
<div>
该文本插入在 div 元素中。
<p>该段落有自己的背景颜色。</p>
我们仍然在同一个 div 中。
</div>
</body>
</html>
背景图片：
设置背景图片：
background-image: url(‘这是地址’);
背景图片的重复：
默认情况下 background-image 属性会在页面的水平或者垂直方向平铺。
一些图像如果在水平方向与垂直方向平铺，这样看起来很不协调，如下所示:
repeat 背景图像将向垂直和水平方向重复。这是默认
repeat-x 只有水平位置会重复背景图像
repeat-y 只有垂直位置会重复背景图像
no-repeat background-image 不会重复
背景图片，设置定位：
默认值，0%， 0%；
默认就放在左上角
background-position:
有两个值，一个是x， 一个是y
第一种情况；
x轴上的：left，right， center
y轴上的top， bottom， center
如果只是指定一个值，另外一个就是center
x%， y%
左上角0%， 0%；
右下角 100%， 100%;
如果只有一个， 其他值是50%
background-attachment 属性
指定背景图片是否固定，或者跟着页面的其余部分滚动
scroll 背景图片伴随着页面的滚动而滚动
fixed：不会随着页面的滚动而滚动。
local 背景图片会随着元素内容的滚动而滚动