index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>CSS animation 制作一个 Slider</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<div>
    <img src="600x600bb.jpg" alt="img1" id="img1">
    <img src="600x600bb (2).jpg" alt="img2" id="img2">
    <img src="600x600bb (5).jpg" alt="img3" id="img3">
    <img src="600x600bb (7).jpg" alt="img4" id="img4">
    <img src="600x600bb (8).jpg" alt="img5" id="img5">
    <ul>
        <li><a href="#img1"><img src="600x600bb.jpg" alt="img1"></a></li>
        <li><a href="#img2"><img src="600x600bb (2).jpg" alt="img2"></a></li>
        <li><a href="#img3"><img src="600x600bb (5).jpg" alt="img3"></a></li>
        <li><a href="#img4"><img src="600x600bb (7).jpg" alt="img4"></a></li>
        <li><a href="#img5"><img src="600x600bb (8).jpg" alt="img5"></a></li>
    </ul>
</div>
</body>
</html>