給整體頁面加背景色:background-color:blue
背景圖與背景色都設(shè)置帕翻,優(yōu)先顯示背景圖
用圖片當(dāng)做背景:
1.默認(rèn)完全鋪滿:background-image:url(small.jpg)
2.水平方向鋪滿:background-repeat:repeat-x;
3.數(shù)值方向顯示: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啸澡;(像素精確控制)
計算機(jī)屏幕袖订,左上角為原點, 往右為x正嗅虏,往下為y正
利用div的盒子加上background-position洛姑,精準(zhǔn)顯示圖片的某個位置
可以理解為背景圖為一塊幕布,div為一個小窗口
快速寫入背景色與背景圖
background: gray url(bg.png) no-repeat
先背景色皮服,再背景圖楞艾,再repeat,再attachment