CSS背景圖重復(fù)的屬性

在CSS中，背景圖是可以使用background-image屬性來設(shè)置的，我們可以通過這個屬性給頁面添加一張漂亮的背景圖。除了設(shè)置背景圖外，還可以設(shè)置圖片的尺寸、位置以及重復(fù)方式等。這里我們主要介紹背景圖的重復(fù)屬性，一個重要的屬性是background-repeat。

background-repeat屬性可以用來控制背景圖的重復(fù)方式，可以設(shè)置為repeat、repeat-x、repeat-y和no-repeat。

1、repeat：默認(rèn)值，表示背景圖在水平方向和垂直方向都重復(fù)顯示，如果沒有設(shè)置背景圖的高度或者寬度，那么背景圖就會自動擴展以適應(yīng)整個頁面；

2、repeat-x：表示背景圖在水平方向重復(fù)顯示，垂直方向不重復(fù)，如果沒有設(shè)置背景圖的高度，那么背景圖就會自動擴展以適應(yīng)整個頁面寬度；

3、repeat-y：表示背景圖在垂直方向重復(fù)顯示，水平方向不重復(fù)，如果沒有設(shè)置背景圖的寬度，那么背景圖就會自動擴展以適應(yīng)整個頁面高度；

4、no-repeat：表示背景圖不重復(fù)顯示，只在元素的左上角顯示。

例如，我們可以設(shè)置一個背景圖片，使其在水平方向重復(fù)顯示：
background-image:url('example.jpg');
background-repeat:repeat-x;