CSS背景圖片是Web設(shè)計和開發(fā)中最常用的元素之一。除了基本的背景圖片設(shè)置，還有一些屬性可以調(diào)整圖片的大小、位置、重復(fù)方式甚至進(jìn)行動畫效果等操作。

下面我們來看一下所有的CSS背景圖片屬性。

/* 基本屬性 */
background-image: url("圖片地址");
background-color: #ccc;
/* 圖片大小 */
background-size: cover;
background-size: contain;
/* 圖片重復(fù)方式 */
background-repeat: repeat;
background-repeat: no-repeat;
background-repeat: repeat-x;
background-repeat: repeat-y;
background-repeat: space; /* 等距分布 */
background-repeat: round; /* 拉伸分布 */
/* 圖片位置 */
background-position: left top;
background-position: center center;
background-position: right bottom;
/* 滾動更改 */
background-attachment: fixed;
background-attachment: scroll;
/* 多圖片 */
background-image: url("image1.png"), url("image2.png");
/* CSS3動畫 */
animation-name: bg;
animation-duration: 5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
@keyframes bg {
from { background-color: #000; }
to   { background-color: #fff;   }
}

以上就是所有CSS背景圖片屬性的詳細(xì)介紹。通過調(diào)整這些屬性，您可以實現(xiàn)各種各樣的背景圖片效果，從而為您的Web頁面添加更多的視覺吸引力。