給整體頁面加背景色：background-color：blue

背景圖與背景色都設置，優先顯示背景圖

用圖片當做背景：

1.默認完全鋪滿：background-image:url(small.jpg)
2.水平方向鋪滿：background-repeat：repeat-x;
3.數值方向顯示：background-repeat：repeat-y;
4.只顯示一次：background-repeat：no-repeat;
5.定義背景圖片隨滾動軸的移動方式：background-attachment:
取值: scroll | fixed | inherit
scroll: 隨著頁面的滾動軸背景圖片將移動
fixed: 隨著頁面的滾動軸背景圖片不會移動
inherit: 繼承

精確控制圖片位置

background-position：水平，豎直；
background-position：center top；
background-position：right center ；
background-position：50px 50px；(像素精確控制)
計算機屏幕，左上角為原點， 往右為x正，往下為y正

利用div的盒子加上background-position，精準顯示圖片的某個位置
可以理解為背景圖為一塊幕布，div為一個小窗口

快速寫入背景色與背景圖

background: gray url(bg.png) no-repeat
先背景色，再背景圖，再repeat，再attachment