<p>
<img src="lotus.jpg" />
</p>
By default, images don't have any borders:
But if you want they can be framed:
<p>
<img class="image-with-border" src="lotus.jpg" />
</p>
Or they can have shadow:
<p>
<img class="image-with-shadow" src="lotus.jpg" />
</p>
Or they can even have overlay:
<p class="image-overlay">
<img src="lotus.jpg" />
</p>
Border-radius
Image Lightbox
It's possible to open a larger version of the image in the lightbox:
<p>
<a class="image-with-lightbox" href="lotus.jpg">
<img src="lotus.jpg" width="400" />
</a>
</p>