How can I use CSS to style images on my website?

How can I use CSS to style images on my website?

You can use CSS to control the size, borders, and effects of images. For example, you can set a width and height, add a border, or apply filters.

Can you show me an example of CSS for a rounded image?

Sure! You can use the following CSS:

.rounded-image {
  border-radius: 50%;
  width: 150px;
  height: 150px;
}

This will create a circular image if the image is square.

What about adding a shadow effect?

You can add a shadow effect using the box-shadow property. Here's an example:

.shadow {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

How do I make an image responsive?

To make an image responsive, you can set its width to 100% and height to auto:

.responsive {
  width: 100%;
  height: auto;
}