根据https://www.zjbti.net.cn.这个网站上的页面在heml上用css做一个轮播图

好的，你可以使用HTML中的`<img>`标签和CSS的`@keyframes`来实现轮播图。以下是一个简单的实现代码示例：

HTML:

<div class="slideshow">
  <img src="img/slide1.jpg" alt="Slide 1">
  <img src="img/slide2.jpg" alt="Slide 2">
  <img src="img/slide3.jpg" alt="Slide 3">
</div>

CSS:

.slideshow {
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.slideshow img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-animation: slide 12s infinite;
  animation: slide 12s infinite;
}

@keyframes slide {
  0% { opacity: 0; }
  4% { opacity: 1; }
  24% { opacity: 1; }
  28% { opacity: 0; }
  100% { opacity: 0; }
}

这个代码将在轮播图上显示三张图片，每张图片的过渡时间为12秒，通过CSS中的关键帧动画`@keyframes`来实现图片之间的切换效果。请注意，您需要将图片的路径替换为您自己的图片路径。