Cara membuat: Pustaka gambar yang dapat bergerak secara horizontal
- Halaman Sebelumnya Galeri Gambar
- Halaman Berikutnya Galeri Gambar Tab
Belajar cara membuat pustaka gambar dengan scrollbar horizontal menggunakan CSS.
Pustaka gambar dengan scrollbar horizontal
Gunakan scrollbar horizontal untuk melihat gambar lain:





Buat pustaka gambar dengan scrollbar horizontal
Langkah pertama - Tambahkan HTML:
<div class="scroll-container"> <img src="img_5terre.jpg" alt="Cinque Terre"> <img src="img_forest.jpg" alt="Forest"> <img src="img_lights.jpg" alt="Northern Lights"> <img src="img_mountains.jpg" alt="Mountains"> </div>
Langkah kedua - Tambahkan CSS:
div.scroll-container { background-color: #333; overflow: auto; white-space: nowrap; padding: 10px; } div.scroll-container img { padding: 10px; }
Halaman yang berhubungan
Tutorial:Gambar HTML
Tutorial:Pengaturan gaya gambar CSS
- Halaman Sebelumnya Galeri Gambar
- Halaman Berikutnya Galeri Gambar Tab