轮播图html代码不用js

可以使用 HTML 和 CSS 来创建简单的轮播图。以下是一个示例：

HTML 代码：

<div class="slideshow">
  <div class="slideshow-container">
    <img src="image1.jpg" class="slide">
    <img src="image2.jpg" class="slide">
    <img src="image3.jpg" class="slide">
  </div>
</div>

CSS 代码：

.slideshow {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.slideshow-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.slide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.slide.active {
  opacity: 1;
}

使用 CSS 的 `position` 属性和 `opacity` 属性来实现轮播图的效果。通过将每个幻灯片设置为绝对定位并在其上设置 `opacity` 为 0，然后使用 JavaScript 来切换 `active` 类，将当前幻灯片的 `opacity` 设置为 1。还可以使用 CSS 的 `transition` 属性来添加动画效果。