CSS pode ser usado para criar uma galeria de imagens.
Adicionar uma descrição da imagem aqui
Adicionar uma descrição da imagem aqui
Adicionar uma descrição da imagem aqui
Adicionar uma descrição da imagem aqui
Galeria de imagens
O seguinte galeria de imagens é criado com CSS:
Exemplo
<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>
Tente você mesmo " 
mais Exemplos
Galeria de Imagens Responsive
Como usar consultas de mídia CSS3 para criar uma galeria de imagens responsivo.
Avançados: clicáveis Modal Imagens (JS)
Um exemplo de como usar JavaScript, juntamente com CSS para exibir imagens clicado em uma caixa modal.