假設你的頁面有1004 X 700 px，但你的背景圖片只有10 X 10px，如果不指定repeat屬性，就會平鋪，就是一張張重複的貼滿你的背景。如果你只指定了-x，就是橫向重複，那麼它就會橫著鋪滿，但不會縱向重複。-y則反之。
background-repeat版本：CSS1 相容性：IE4+ NS4+ 繼承性：無
語法：
background-repeat : repeat | no-repeat | repeat-x | repeat-y
引數：
repeat : 背景影象在縱向和橫向上平鋪
no-repeat : 背景影象不平鋪(只顯示一張鋪滿全屏)
repeat-x : 背景影象在橫向上平鋪
repeat-y : 背景影象在縱向平鋪

語法：

menu { background: url("images/aardvark.gif"); background-repeat: repeat-y; } #圖片縱向平鋪
p { background: url("images/aardvark.gif"); background-repeat: no-repeat; }# 圖片不重複平鋪

現在瞭解了背景圖的平鋪語法：
加上這一句background-size:100% 100%;就可以一張圖片拉伸到瀏覽器的 4 個端點根據螢幕自動跳轉大小了

p { background: url("images/aardvark.gif"); background-repeat: no-repeat;background-size:100% 100%; }