不能。html本身无动画、定时切换或交互能力，所谓“纯html轮播图”实为html+css+js最小组合；radio+css方案虽零js但无法自动播放、需预设图片数、键盘导航不友好；3行js即可实现自动循环、暂停及良好可访问性。
纯 HTML 能不能做轮播图
不能。HTML 本身没有动画、定时切换或交互控制能力，<img> 和 <div> 只是静态容器。所谓“纯 HTML 轮播图”，实际是 HTML + CSS + 少量 JavaScript 的最小可行组合——但 JS 无法省略，哪怕只有一行 <code>setInterval 或一个 onclick。
用 input[type="radio"] + CSS 实现零 JS 轮播（伪“纯 HTML”）
这是最接近“无 JS”的方案，依赖 CSS 的 :checked 伪类和兄弟选择器控制显隐。但它有硬伤：
- 必须提前知道图片张数，每张图对应一个
input和一个label - 无法自动播放，只能靠手动点击圆点或箭头（箭头需用
label[for]指向对应 radio） - 滑动/淡入等过渡效果受限于 CSS
transition，无法精确控制时序 - 键盘导航不友好，
tab切换会暴露所有 radio 按钮
示例结构片段：
<div class="carousel">
<input type="radio" name="slide" id="s1" checked><input type="radio" name="slide" id="s2"><input type="radio" name="slide" id="s3"><div class="slides">
<div class="slide">@@##@@</div>
<div class="slide">@@##@@</div>
<div class="slide">@@##@@</div>
</div>
<label for="s1" class="dot"></label>
<label for="s2" class="dot"></label>
<label for="s3" class="dot"></label>
</div>
真正可用的最小实现：3 行 JS + HTML + CSS
放弃“纯 HTML”执念，用 3 行核心 JS 就能解决自动播放、循环、暂停等刚需：
-
let idx = 0;记录当前索引 -
const slides = document.querySelectorAll('.slide');获取所有幻灯片 setInterval(() => { slides[idx].classList.remove('active'); idx = (idx + 1) % slides.length; slides[idx].classList.add('active'); }, 3000);
配合 CSS 控制显隐（比如 .slide:not(.active) { display: none; }），再加左右按钮绑定 onclick 修改 idx 即可。比 radio 方案更灵活，兼容性好，键盘 Tab 也自然落在按钮上。
为什么别硬套“纯 HTML”思路
轮播图本质是状态机：当前页、下一页、播放/暂停、用户干预响应。HTML 是声明式标记，不维护状态；CSS 能驱动简单切换但无法响应事件或计时；只有 JS 能闭环处理这些逻辑。强行剥离 JS，要么功能残缺（无自动播放），要么可访问性崩坏（隐藏 radio 但未处理焦点），要么维护成本飙升（10 张图就得写 10 个 input + 10 个 label + 大段 CSS）。真实项目里，这 3 行 JS 不值得省。
