[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,

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