在HTML中，用盒子來承載圖片元素是常見的做法。但是，有時為了美觀或者特別的設計需求，我們需要讓盒子的兩側變成圓形。下面是一個簡單的HTML代碼示例，可以輕松地實現這個效果。

<div class="round">
<img src="yourimage.jpg" alt="your image">
</div>

在這個代碼示例中，我們使用了一個類名為"round"的div元素來承載我們的圖片。接下來，需要在CSS文件中設置這個類名的樣式來實現我們的設計需求。

.round {
border-radius: 50%;
overflow: hidden;
}
.round img {
width: 100%;
height: auto;
}

在CSS文件中，我們使用了border-radius屬性來實現圓形效果。這個屬性用于設置盒子的邊角半徑，我們設置為50%時，盒子的四個角都會變成圓形。同時，我們還需要將超出盒子范圍的部分隱藏，這可以通過設置overflow屬性為"hidden"來實現。

為了使圖片元素適應盒子的寬度，并保持高度自適應，我們需要設置元素的寬度為100%，并將高度設置為auto。

以上就是實現HTML盒子圖片兩邊變圓的代碼，在實際應用中，可以根據需求進行適當的調整和修改，以實現更為豐富多彩的設計效果。