HTML5是一個非常強大的Web開發平臺，它提供了很多簡單易用的特性。其中一個非常有用的特性就是圖片留白（Padding）設置。

在HTML5中，我們可以使用CSS樣式表來控制圖片的留白。通過下面的示例代碼，我們可以為圖片設置一個20像素的留白：

img {
padding: 20px;
}

當然，我們還可以為不同的方向設置不同的留白值。例如，下面的代碼設置了上下方向的留白值為20像素，左右方向的留白值為10像素：

img {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
}

除了使用CSS的padding屬性，我們還可以使用HTML5的figure標簽來設置圖片的留白。下面的示例代碼使用了figure標簽，并設置了圖片的20像素留白：

<figure style="padding:20px">
<img src="image.jpg" alt="Image">
<figcaption>This is an image.</figcaption>
</figure>

總的來說，在HTML5中，圖片留白的設置非常簡單。無論是使用CSS樣式表，還是使用figure標簽，都可以輕松地實現圖片留白的功能。