HTML中設置圖片盒子非常簡單，只需要使用標準的標簽并設置相應的樣式即可。 我們可以先創(chuàng)建一個容器盒子，然后在該盒子中嵌入一張圖片。如下：

<div class="box">
<img src="images/picture.jpg" alt="Picture">
</div>

上述代碼中，我們通過class屬性定義了一個類名為“box”的盒子容器，并將一張名為“picture.jpg”的圖片嵌入其中。其中，我們用到了HTML中的標簽來定義該圖片，并通過src屬性設置了圖片的來源地址。另外，我們還通過alt屬性添加了一段文字描述，方便在無法加載圖片時進行說明。 接下來，我們需要為該盒子容器設置一些CSS樣式，以使其顯示為一個漂亮的圖片盒子。如下：

.box {
position: relative;
display: inline-block;
margin: 10px;
width: 250px;
height: 250px;
overflow: hidden;
background-color: #f8f8f8;
border: 1px solid #ddd;
}
.box img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 100%;
max-height: 100%;
}

上述代碼中，我們?yōu)?box類設置了一系列的CSS樣式，包括了盒子容器的位置、顯示方式、邊距、寬高、溢出處理、背景色、邊框等屬性。同時，我們還為嵌入的圖片添加了絕對定位，使其盡可能自適應容器的大小并在中央居中。 到此，我們就完成了一個簡單的圖片盒子的HTML代碼和CSS樣式的設置。您可以根據(jù)自己的需要對其進行進一步的定制和樣式調整。