HTML5是一種新型的網頁編程語言，它的功能更加強大，也更加靈活，可以滿足網站開發中的各種需求。其中，設置div圖片框的功能是HTML5中的一個重要部分。下面我們來看看如何設置div圖片框。

<div id="image-box">
<img src="image.jpg" alt="圖片">
</div>

以上是一個div圖片框的最基本的代碼結構。其中，通過id屬性指定了這個div的唯一標識符，可以通過CSS樣式設置這個div的樣式。在div中嵌套了一個img標簽，通過src屬性指定了圖片的地址，通過alt屬性指定了圖片的替代文本。這樣，當圖片無法正常加載時，就可以顯示替代文本。

除此之外，我們還可以通過CSS樣式設置div圖片框的大小、邊框、背景等屬性，來進一步美化這個圖片框。例如：

#image-box {
width: 300px;
height: 200px;
border: 1px solid #000;
background-color: #fff;
}
#image-box img {
width: 100%;
height: 100%;
display: block;
}

通過以上CSS樣式，我們設置了圖片框的寬度和高度為300px和200px，設置了邊框和背景顏色，使得圖片框更加美觀。同時，我們還設置了img標簽的寬度和高度為100%、display屬性為block，使得圖片可以充滿整個div，并在頁面中居中顯示。

總的來說，設置div圖片框是HTML5中非常實用的一個功能，通過簡單的代碼和CSS樣式，可以輕松地實現多種優美的圖片框效果。在實際網站開發中，我們可以根據需要，靈活地運用這個功能，讓我們的網頁更加美觀、實用。