如何使用CSS对图片进行样式调整？

在CSS中，你可以对HTML中的图片应用各种样式，包括尺寸、位置、边框、圆角、阴影等。以下是一些基本的样式设置：

1. **大小**:
- `width` 和 `height`: 定义图片的宽度和高度，如 `.image { width: 200px; height: 150px; }`
- `max-width` 和 `max-height`: 控制图片的最大尺寸，防止它因浏览器窗口变化而拉伸，如 `.image { max-width: 100%; max-height: auto; }`

2. **定位**:
- `float` 或 `display`: 可以浮动图片使其围绕其他元素排列，或者将其转换成块级元素。
- `position` 和 `left`, `right`, `top`, `bottom`: 调整图片相对于其容器的位置。

3. **边框**:
- `border` 和 `border-style`, `border-color`, `border-width`: 设置图片的边框样式、颜色和厚度。

4. **圆角**:
- `border-radius`: 对图片四个角落设置圆角效果。

5. **阴影**:
- `box-shadow`: 添加阴影效果，比如 `box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);`.

6. **响应式设计**:
使用媒体查询 (media queries) 来改变图片在不同设备屏幕尺寸下的样式。

在HTML中添加CSS引用，通常是这样的形式：

<style>
  img {
    /* 这里是你的样式 */
  }
</style>

或者外部CSS文件：

<link rel="stylesheet" href="styles.css">