[Emily Robertson]

How to create rounded corner of an image with HTML and CSS?

[Andrew Geofrey]

The CSS Image border-radius property is useful to create rounded images and rounded corners. Let’s see an example,

The following will form the image 30% circular,

1 2 3 4 5

img {     border-radius: 30%; }

To understand it further, follow the below example, with yellow border and border radius 20px,

Here’s the output showing rounded corner of an image,

[Author]

Posts