CSS 背景

.box{

 width: 600px;
 height: 1800px;
 padding: 5px;
 border: 5px dashed black;

 /*1 background-color: gray;/*背景色*/
 /*2 背景图片*/
 background-image:url(../img/bg.jpg);
 /*3 设置图片重复*/
 background-repeat: no-repeat;
 /*3.1水平重复*/
  /*background-repeat: repeat-x;*/
  /*3.2垂直重复*/
  /*background-repeat: repeat-y;*/
  /*4 背景定位*/
  /*background-position: 左(水平) 上(垂直)*/
  /*background-position: 30px 50px;*/
   background-position: 10% 50%;/*相对定位*/
   /*5 是否有滚动条，流动或是 自适应*/
   background-attachment: scroll;/*滚动条*/
   background-attachment: fixed;

   /*用background 简写
   background: 1背景色 2图片 3重复方式 4定位(左右 上下 可以用像素 百分比 或单词) 5是否流动 */
  background: yellow url(../img/bg.jpg) no-repeat left bottom  fixed;
  /*这样子定位可以用于 客服 或导航*/
}