How to Style Images in CSS?

Styling images in CSS works exactly the same way as styling any element using the Box Model of padding, borders, and margins for the content. There are many ways to set style in images which are listed below:

Thumbnail images: The border property is used to create thumbnail images.

Border-radius Property: The border-radius property is used to set the radius of the border image. This property can contain one, two, three, or four values. It is the combination of four properties: border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius.

Responsive Images: The responsive image is used to adjust the image automatically to the specified box.
Transparent Image: The opacity property is used to set the image transparent. The opacity value lies between 0.0 to 1.0.
Centre an Image: The images can be centered on to box by using left-margin and right-margin properties.

The box-reflect property is used to create an image reflection. The value of the box-reflect property can be: below, above, left, or right.