ວິທີການທີ່ສ້າງ: ສະຖານນະຄະດີຮູບພາບທີ່ສາມາດຄິດກະສານຢ່າງສາມາດທີ່ສຸດ

ຮຽນວິທີການທີ່ພິສພາບຮູບພາບກັບຄະຕິກັນກາງ.

ສະຖານນະຄະດີຮູບພາບກັບຄະຕິກັນກາງ

ນຳໃຊ້ຄະຕິກັນກາງທີ່ພາຍໃນທີ່ພາຍຫຼັງເພື່ອເບິ່ງຮູບພາບອື່ນ:

ວຽງຫວັງ ປັກກິ່ງ ຊິນເຈນ ຮັງຊູ ຊາງຮີ

ທ້າທາຍຕອນຕົ້ນ

ສ້າງສະຖານນະຄະດີຮູບພາບກັບຄະຕິກັນກາງ

ບາງການທີ 1 - ສະເໜີ 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>

ບາງການທີ 2 - ສະເໜີ CSS:

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

ທ້າທາຍຕອນຕົ້ນ

ບັນດາໜ້າທີ່ກ່ຽວຂ້ອງ

ວິນຍານ:HTML 图像

ວິນຍານ:CSS ສັນວຽງຮູບພາບ