HTML中通過(guò)樣式設(shè)置圖片的重復(fù)方式，主要通過(guò)background-repeat屬性來(lái)實(shí)現(xiàn)。

background-repeat屬性有以下幾種取值：

background-repeat: repeat;     /* 默認(rèn)值，圖片在水平和垂直兩個(gè)方向上平鋪*/
background-repeat: repeat-x;   /* 圖片在水平方向上平鋪 */
background-repeat: repeat-y;   /* 圖片在垂直方向上平鋪 */
background-repeat: no-repeat;  /* 圖片不重復(fù)，只出現(xiàn)一次*/
background-repeat: round;      /* 圖片重復(fù)但不超出容器大小，縮小/放大圖片使得一整數(shù)的數(shù)量可以平鋪容器*/
background-repeat: space;      /* 圖像重復(fù)，但不超出容器大小，兩個(gè)方向上的重復(fù)會(huì)盡可能均勻分配*/

以設(shè)置背景圖片在水平和垂直兩個(gè)方向上平鋪為例，樣式代碼如下：

.my-class {
background-image: url("my-image.png");
background-repeat: repeat;
}

注意事項(xiàng)：

• 要使用背景圖片，需要先使用background或background-image屬性來(lái)指定圖片的路徑。
• 背景圖片的路徑可以是一個(gè)URL、一個(gè)絕對(duì)路徑或相對(duì)路徑。
• 在使用相對(duì)路徑時(shí)要注意當(dāng)前HTML文件的位置，如：如果HTML文件與圖片在同一目錄下，則可以直接使用圖片名稱作為相對(duì)路徑；如果不在同一目錄下，則需要使用../來(lái)指定文件所在路徑的上一級(jí)目錄。