CSS拥有一个很有用的功能，那就是可以利用它来轮流展示多张图片。通过简单的CSS代码，就可以让多张图片自动切换，不需要手动进行切换。

.slideshow {position: relative;width: 100%;height: 100%;}.slideshow img {position: absolute;top: 0;left: 0;opacity: 0;transition: opacity 1s ease-in-out;width: 100%;height: 100%;}.slideshow img:first-child {opacity: 1;}@keyframes slideshow {0% {opacity: 0;}20% {opacity: 1;}25% {opacity: 0;}100% {opacity: 0;}}.slideshow img:nth-child(1) {animation: slideshow 16s linear infinite;}.slideshow img:nth-child(2) {animation: slideshow 16s linear 4s infinite;}.slideshow img:nth-child(3) {animation: slideshow 16s linear 8s infinite;}

在HTML代码中，只需要创建一个div元素，然后在里面放置多张图片即可。

这样就可以轻松地实现多张图片自动切换的效果了。上面的CSS代码中，使用了CSS的动画特性，来实现图片之间的切换。其中，animation定义了动态效果，slideshow是动态效果的名称，16s是动态效果的时长，linear是时间曲线，infinite表示动态效果是无限循环的。nth-child选择器用来选择子元素，通过设置不同的动态时长和延迟时间，让每张图片在不同的时间点进行切换。