CSS se puede utilizar para crear una galería de imágenes.
Añadir una descripción de la imagen aquí
Añadir una descripción de la imagen aquí
Añadir una descripción de la imagen aquí
Añadir una descripción de la imagen aquí
galería de imágenes
La siguiente galería de imágenes se crea con CSS:
Ejemplo
<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>
Inténtalo tú mismo " 
Más ejemplos
Galería de imágenes sensible
Cómo utilizar CSS3 preguntas de los medios para crear una galería de imágenes sensibles.
Imágenes avanzadas: Clickable Modal (JS)
Un ejemplo de cómo el uso de JavaScript, junto con CSS para mostrar las imágenes se ha hecho clic en un cuadro de modal.