কিভাবে তৈরি করা যায়: হলদিক স্ক্রোলিং থাম্ব সহ ছবি সংগ্রহশালা

CSS দ্বারা হলদিক স্ক্রোলিং থাম্ব সহ ছবি সংগ্রহশালা কিভাবে তৈরি করা যায়

হলদিক স্ক্রোলিং থাম্ব সহ ছবি সংগ্রহশালা তৈরি করুন

প্রথম পদক্ষেপ - 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>

দ্বিতীয় পদক্ষেপ - CSS যোগ করুন:

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

আপনার হাতে পরীক্ষা করুন

সংশ্লিষ্ট পাতা

ট্যুটোরিয়াল:HTML 图像

ট্যুটোরিয়াল:CSS চিত্র শৈলী সেট