<!DOCTYPE html> <html> <head> <style> .thumbnail{ border: 2px solid blue; border-radius: 4px; padding: 7px; width: 170px; } .thumbnail-link{ border: 1px solid blue; border-radius: 4px; padding: 7px; width: 170px; } </style> </head> <body> <h2>Thumbnail Image</h2> <p>Use the border property to create thumbnail images:</p> <img src="examples/resources/css3-3d7.png" class="thumbnail" alt="Heart"> <h2>Thumbnail Image as Link</h2> <p>In order to produce thumbnail pictures, use the border attribute. To use a picture as a link, include it in an anchor.</p> <p>To view the outcome, click and hold your cursor on the picture.</p> <a target="_blank" href="examples/resources/css3-3d7.png"> <img src="examples/resources/css3-3d7.png" class="thumbnail-link" alt="Heart" > </a> </body> </html>