CSS può essere usato per creare una galleria di immagini.
Aggiungere una descrizione dell'immagine qui
Aggiungere una descrizione dell'immagine qui
Aggiungere una descrizione dell'immagine qui
Aggiungere una descrizione dell'immagine qui
galleria di immagini
La seguente galleria di immagini è stato creato con i CSS:
Esempio
<html>
<head>
<style>
div.img
{
margin: 5px;
border: 1px solid #ccc;
float: left;
width: 180px;
}
div.img:hover
{
border: 1px solid #777;
}
div.img img
{
width: 100%;
height: auto;
}
div.desc
{
padding: 15px;
text-align: center;
}
</style>
</head>
<body>
<div class="img">
<a target="_blank" href="fjords.jpg">
<img src="fjords.jpg" alt="Fjords" width="300" height="200">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="img">
<a target="_blank" href="forest.jpg">
<img src="forest.jpg" alt="Forest" width="300" height="200">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="img">
<a target="_blank" href="lights.jpg">
<img src="lights.jpg" alt="Northern Lights" width="300"
height="200">
</a>
<div class="desc">Add a description
of the image here</div>
</div>
<div class="img">
<a
target="_blank" href="mountains.jpg">
<img src="mountains.jpg"
alt="Mountains" width="300" height="200">
</a>
<div
class="desc">Add a description of the image here</div>
</div>
</body>
</html>
Prova tu stesso " 
Altri esempi
Responsive Galleria di immagini
Come utilizzare CSS3 Media Queries per creare una galleria di immagini reattivo.
Avanzate: cliccabili Immagini modali (JS)
Un esempio di come utilizzare JavaScript insieme con i CSS per visualizzare le immagini cliccato in un dialogo modale.