ਕਿਵੇਂ ਬਣਾਓ: ਪੱਧਰੀ ਸਕਰੋਲ ਚਿੱਤਰ ਭੰਡਾਰ

CSS ਦੀ ਮਦਦ ਨਾਲ ਪੱਧਰੀ ਸਕਰੋਲ ਚਿੱਤਰ ਭੰਡਾਰ ਕਿਵੇਂ ਬਣਾਓ。

ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ ਪੱਧਰੀ ਸਕਰੋਲ ਚਿੱਤਰ ਭੰਡਾਰ

ਕਦਮ 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 ਚਿੱਤਰ ਸਟਾਈਲ ਸੈਟ