CSS盒子模型是网页布局的核心概念之一，它指的是在网页中每个HTML元素被看做一个矩形的盒子，它由内容区域、边框、内边距和外边距四部分组成。当我们在网页中加入图片时，也需要用到盒子模型的概念。

//HTML代码
<div class="image-container">
<img src="image.jpg" alt="example image">
</div>
//CSS代码
.image-container {
width: 500px;
height: 300px;
padding: 20px;
border: 1px solid #ccc;
margin: 20px;
}
img {
display: block;
max-width: 100%;
height: auto;
}

如上所示，我们使用一个包含img标签的div元素来实现插入图片。为了让图片适应div元素的大小，我们设置了img标签的最大宽度为100%。同时，我们在CSS代码中对盒子模型进行了一些设置，包括设定宽度、高度、内边距、边框和外边距等属性。将这些属性设定好后，就可以实现一个美观的图片展示效果。