CSS是网页设计中的一个重要组成部分，其可以为网页添加各种各样的效果，使网页更加生动有趣。其中，CSS图片插法就是其中之一。

CSS图片插法可以让我们在网页中随时添加图片，并对其进行各种效果的设置，如大小、位置、边框等等。下面就介绍一下CSS图片插法的常用代码：

/* 往元素中添加背景图片 */
.example1 {
background-image: url('your-image.jpg');
}
/* 设置图片尺寸 */
.example2 {
width: 500px;
height: 300px;
background-image: url('your-image.jpg');
}
/* 同时设置图片位置和尺寸 */
.example3 {
width: 300px;
height: 200px;
background-image: url('your-image.jpg');
background-position: center center;
background-size: cover;
}
/* 设置图片边框 */
.example4 {
width: 200px;
height: 150px;
background-image: url('your-image.jpg');
border: 1px solid #ccc;
border-radius: 5px;
}
/* 设置图片透明度 */
.example5 {
width: 500px;
height: 300px;
background-image: url('your-image.jpg');
opacity: 0.7;
}

以上是几种常用的CSS图片插法，可以根据网页设计需求自由选择。当然，还有其他更加复杂的CSS图片插法，需要在实践中不断学习和探索。