纯div+css轮播图片切换到下一张

在纯div css中实现图片轮播切换到下一张，可以通过CSS动画和input标签中的radio和label标签的结合实现。

首先，需要创建一个包含轮播图片的父容器div。然后，在该div内部创建同样数量的子div，每个子div对应一张轮播图片。父容器div需要设置固定的宽度和高度，并且设置overflow属性为hidden，以及position属性为relative，用于限制子div的显示范围。

接下来，为每个切换按钮(或是图片下方的小圆点指示器等)创建一个input标签，并设置type属性为radio。每个input标签需要有一个唯一的id属性，例如"slide1"、"slide2"等。

在每个input标签后面，创建一个label标签，并设置for属性为对应的input标签的id，以及添加合适的样式和背景图片，用于切换按钮的显示效果。

然后，通过CSS选择器选中每个子div，并为其添加position属性为absolute，top和left属性设置为0，以及width属性设置为父容器div的宽度，用于设置子div的位置和宽度。

接着，使用CSS动画实现图片的切换效果。为每个子div添加动画效果，并设置动画的持续时间、延迟时间等参数。例如，可以通过设置transform属性的translateX属性值为负父容器div的宽度，实现图片从右向左的滑动效果。

最后，通过CSS选择器以及input标签的:checked状态选择器，选中当前被选中的input标签，再选择其相邻的子div，并为其添加合适的样式。

通过以上步骤，就可以在纯div css中实现图片轮播切换到下一张的效果了。当点击或选中下一张切换按钮时，通过选中的input标签的:checked状态选择器来改变相邻的子div的样式，从而显示切换到的下一张图片。