Cách tạo: Thư viện hình ảnh cuộn ngang

Học cách sử dụng CSS để tạo thư viện hình ảnh có thanh cuộn ngang.

Tạo thư viện hình ảnh có thanh cuộn ngang

Bước 1 - Thêm HTML:

<div class="scroll-container">
  <img src="img_5terre.jpg" alt="Cinque Terre">
  <img src="img_forest.jpg" alt="Rừng">
  <img src="img_lights.jpg" alt="Ánh sáng Bắc Cực">
  <img src="img_mountains.jpg" alt="Núi">
</div>

Bước 2 - Thêm CSS:

div.scroll-container {
  background-color: #333;
  overflow: auto;
  white-space: nowrap;
  padding: 10px;
}
div.scroll-container img {
  padding: 10px;
}

Thử ngay

Trang liên quan

Hướng dẫn:HTML hình ảnh

Hướng dẫn:CSS thiết lập樣式 hình ảnh