css背景位置

/* 方位名词 */
1.background-color 背景颜色
2.background-image 背景地址
3.background-repeat 是否平铺
（repeat-x 横向平铺 repeat-y纵向平铺
repeat：背景图像在横向和纵向平铺
no-repeat：背景图像不平铺）
例：

div {
  	width: 600px;
  	height: 600px; 
  	background-color: skyblue;
  	background-image: url(水浒传.jpg);
  	background-repeat: no-repeat;
  	/*利用方位名词 top bottom 来更改背景图片位置*/
  	/*background-position: left top;  默认的是左上角*/
  	/*background-position: right top;      右上角*/
  	/*background-position: right bottom;    方位名词没有顺序，谁在前都可以*/
  	/*background-position: center center;  水平居中 */
  	/*background-position: left;*/
  	/*background-position: bottom;*/
  	background-position: center; /* 水平居中 垂直居中*/    /*如果方位名词只写一个，另外一个默认为center*/
  }

/* 精确单位 */
4 . background-position 背景位置

div {
background-position: 10px 10px;    /*精确单位 第一个值一定是x坐标 第二个值一定是y坐标*/
}

5.background-attachment 背景固定还是滚动
(scroll 背景图像是随对象内容滚动 一般是默认的
fixed 背景图像固定)

背景简写方式

background：背景颜色 图片地址 平铺 滚动 位置

 			background: #000 url(1.jpg) no-repeat fixed center 100px;