在HTML中，我們可以使用CSS樣式表來控制網頁中的各種元素的樣式，其中包括圖片的平鋪和間距設置。下面我們就一起來學習如何設置圖片的平鋪和間距。
首先，我們需要在HTML文檔中引入CSS樣式表。代碼如下：
<head> <link rel="stylesheet" href="style.css"> </head>接著，在style.css文件中設置圖片的平鋪和間距樣式。我們可以使用background-image屬性來設置圖片，并使用background-repeat和background-position屬性來控制圖片的平鋪和位置。 下面是一個例子，我們設置了一張名為“example.jpg”的圖片，在網頁的中心平鋪，并設置了圖片的水平和垂直間距為50像素：
p {
background-image: url('example.jpg');
background-repeat: repeat;
background-position: center;
padding: 50px;
}在上面的代碼中，我們使用了p標簽來設置圖片的樣式。我們給p標簽添加了一個背景圖像，即“example.jpg”，并使用了background-repeat屬性來使圖片在水平和垂直方向上平鋪。通過background-position屬性，我們將圖片放置在了網頁的中心位置。同時，我們使用了padding屬性來設置圖片的水平和垂直間距。
需要注意的是，如果需要設置圖片的間距和位置，我們需要給p標簽添加padding屬性。padding屬性可以設置p標簽內邊距的大小。通過調整padding屬性的值，我們可以控制圖片在網頁中的位置和間距。
以上就是設置圖片平鋪和間距的方法介紹。通過使用背景圖像、background-repeat、background-position和padding屬性，我們可以輕松地控制圖片的樣式。希望本文對您有所幫助，謝謝閱讀！