如果你需要一個制作幻燈片的代碼,可以免費使用下面的HTML代碼:
<html> <head> <title>My Slide Show</title> <style> /* 幻燈片的樣式 */ .slides { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; } .slide { scroll-snap-align: start; flex-shrink: 0; width: 100%; height: 100%; } </style> </head> <body> <div class="slides"> <div class="slide" style="background-color: #1abc9c"> <h2>Slide 1</h2> <p>This is the first slide.</p> </div> <div class="slide" style="background-color: #2ecc71"> <h2>Slide 2</h2> <p>This is the second slide.</p> </div> <div class="slide" style="background-color: #3498db"> <h2>Slide 3</h2> <p>This is the third slide.</p> </div> </div> </body> </html>
這個幻燈片使用了CSS的Flexbox布局,展示出三個不同的幻燈片。你可以根據需要調整每個幻燈片的內容和樣式。
不過,這個幻燈片代碼需要你有一定的HTML和CSS基礎,同時也需要你對Flexbox布局有一定的了解。如果你還沒有這些知識,可以先去學習一下再來使用這個幻燈片代碼。