Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Sauvegarder le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> img { bordure: 1px solide #ddd; border-radius: 4px; padding: 5px; largeur: 150px; } img:hover { box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); } </style> </head> <body> <h2>Image miniature en tant que lien</h2> <p>Utilisez la propriété border pour créer des images miniatures. Enveloppez une ancre autour de l'image pour l'utiliser comme lien.</p> <p>Survolez l'image et cliquez dessus pour voir l'effet.</p> <a target="_blank" href="paris.jpg"> <img src="paris.jpg" alt="Paris" style="width:150px"> </a> </body> </html>