圖解 CSS (4): background – 背景

backgroundbackground-colorbackground-attachmentbackground-imagebackground-positionbackground-position-xbackground-position-ybackground-repeat

設定背景色(譬如紅色): background-color: red; 或者 background: red;

背景圖片: background-image: url(路徑); 或者 background: url(路徑);
其中的路徑可以是相對或絕對路徑, 可以帶雙引號或單引號.

background-repeat(背景圖片反覆方式): repeat(預設)、no-repeat、repeat-x、repeat-y.

background-position(背景圖起始位置):

上中: top 或者 top center上左: top left(預設)上右: top right中心: center 或者 center center中左: left 或者 center left中右: right 或者center right下中: bottom 或者 bottom center下左: bottom left下右: bottom right還可以用百分比或具體的數值描述: x% y% 或 xpos ypos

background-position 本來就是有 x、y 兩個值構成的, 也可用
background-position-x 和 background-position-y 單獨設定.

background-attachment(設定背景是否隨捲軸滾動): scroll(預設)、fixed(不滾動).

用 background 可以同時設定:
background-color、background-attachment、background-image、background-position、background-repeat
竟沒有順序的要求, 也可隨意省略, 只是 position 用兩個值時不要分開即可.