Rounded image and rounded border

Rounded image and rounded border


I have a border around my image with rounded corners. I want the image itself to also have rounded corners. Is there any way to do this?


There certainly are ways to do that, and they are very well documented. Here are some examples:

Is suspect that the specific problem that you have is because all the styling is applied either to the image’s container or the image itself. If that’s the case, you can consider using <div>'s to contain the image and style the image (rounded) and box (border) separately.

I hope that helps! :slight_smile: