CSS Image Styling

CSS can be used to style images in many ways.

Use the border-radius property to create rounded images.

Image

Use the border property to create thumbnail images.

Thumbnail

Responsive images will automatically adjust to fit the size of the screen.

Responsive Image Placeholder

Example

img {
  max-width: 100%;
  height: auto;
}