HTML+CSS（11）

n  CSS背景屬性

• Background-color：背景色。
• Background-image：背景圖片地址。如：background-image:url(images/bg.gif;)
• Background-repeat：背景平鋪方式，取值：no-repeat（不平鋪）、repeat-x（水平方向）、repeat-y（垂直方向）
• Background-position：背景定位。格式：background-position：水平方向定位 垂直方向定位；

u  用英文單詞定位：background-position：left | center | right      top | center | bottom；

u  用固定值定位：background-position:50px 50px;   //背景距離容器的左邊50px，容器頂端50px

u  用百分比定位：background-position：50% 50%;   //水平居中，垂直居中

u  混合定位：background-position:left 10px;   //背景靠左邊對齊，距離容器頂端10px

• 簡寫方式

u  Background：背景色 背景圖 平鋪方式 定位方式；

u  舉例：background:url(images/bg.gif) no-repeat center center;

u  舉例：background:#ccc url(images/bg.gif) no-repeat left 10px;