Hoe OM - Kleinkiekie
Leer hoe om 'n duimnaelprent te skep.
Kleinkiekie beeld
'n Kleinkiekie is 'n klein prent wat 'n groter prent voorstel (wanneer daarop geklik word), en word dikwels herken met 'n rand om dit:
Hoe om 'n kleinkiekie te skep
Gebruik 'n <img>-element en draai 'n <a>-element om dit. Stileer die prent met 'n rand en voeg 'n sweef-effek by:
Voorbeeld
<style>
img {
border: 1px solid #ddd; /* Gray
border */
border-radius: 4px; /* Rounded border */
padding: 5px; /* Some padding */
width: 150px; /* Set a
small width */
}
/* Add a hover effect (blue shadow) */
img:hover
{
box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
</style>
<body>
<a target="_blank" href="img_forest.jpg">
<img
src="img_forest.jpg" alt="Forest">
</a>
</body>
Gaan na ons CSS-beelde-tutoriaal om meer te wete te kom oor hoe om beelde te stileer.