CSS图片轮播可以帮助网站更好的展示图片，给用户带来更好的视觉体验。下面我将介绍一种简单的CSS图片轮播代码：

HTML结构:
CSS样式:
.slider{
position: relative;
}
.slider img{
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: 1;
}
.slider img:first-child{
opacity: 1;
}
代码说明：
首先在HTML中定义一个父元素.slider，包含三张图片元素img，然后利用CSS样式实现轮播功能。父元素.slider的position属性设置为relative是为了让子元素img可以使用定位属性。子元素img设置width属性为100%，使图片与视图宽度保持一致。利用position属性将图片设置在页面重叠排列，opacity属性设置为0以实现初始隐藏，z-index属性设置为1以保证图片重叠时显示当前图片。利用CSS选择器:first-child选择第一张img，将opacity属性设置为1，以使第一张图片初始化时显示。