Midterm Lecture 6 - CSS Image Styling

1. Image with 2px Border

2. Image with Definite Size (5x5 inches)

3. Image with Rounded Borders

4. Image with Selective Rounded Corners

5. Image with a Link

6. Image with Float

This image floats to the left, allowing text to wrap around it.

7. Image with Hover Effect

8. Image with Box Shadow

9. Image with Shape-Outside

This text wraps around the image using a circular shape.

10. Image with Another Shape-Outside

This text wraps around the image using an ellipse shape.

11. Image with Mask-Image