CSS peut être utilisé pour créer une galerie d'images.
Ajouter une description de l'image ici
Ajouter une description de l'image ici
Ajouter une description de l'image ici
Ajouter une description de l'image ici
Galerie d'images
La galerie d'image est créé avec CSS:
Exemple
<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>
Essayez - le vous - même » 
Autres exemples
Responsive Galerie d'images
Comment utiliser CSS3 questions des médias pour créer une galerie d'images sensibles.
Avancé: cliquables Images modales (JS)
Un exemple de la façon d'utiliser JavaScript avec CSS pour afficher des images cliqué dans une boîte modale.