css中背景圖片有哪些屬性

css中背景圖片的屬性有：1、background-image；2、background-repeat；3、background-position；4、background-size；5、background-attachment。

環境：

本文適用於所有品牌的電腦。

（學習視訊分享：）

常見的圖片屬性有：

1、背景圖片插入

background-image:url(位置及名稱);  //預設在父級元素內的左上角

2、背景平鋪方式

background-repeat:no-repeat;   //不平鋪

3、背景位置

background-position:right bottom;  //橫向在右邊，縱向在下邊，即右下角
center center;  //位於中心
center right;  //中間靠右
100px 200px;  //靠左100 靠上200

4、背景尺寸

background-size:cover/contain/100% 100%  等比例縮放(鋪滿即可)/包含在裡面/按盒子大小縮放

注意：低版本的IE不支援背景尺寸

5、背景顯示方式

background-attachment:scroll//隨螢幕捲動 fixed//固定在可視區域，注意:此時的位置是相對於可視區域的
(fixed:這裡有一個相容性性的問題，在IE6中，只有html和body支援這個屬性)