ఎలా సృష్టించాలి: హోరిజంటల్ స్క్రోల్ చిత్ర లైబ్రరీ

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 చిత్ర శైలి అమర్చు