css3设置图片狂傲—如何用css设置图片大小：代码示例

CSS3提供了多种方法来设置图片大小。以下是几种常用的方法：

1. 使用width和height属性：可以使用width和height属性来设置图片的宽度和高度。例如，如果要将图片的宽度设置为200像素，高度设置为150像素，可以使用以下代码：

img {
  width: 200px;
  height: 150px;
}

2. 使用max-width和max-height属性：使用max-width和max-height属性可以确保图片不会超过指定的最大宽度和最大高度。例如，如果要将图片的最大宽度设置为300像素，最大高度设置为200像素，可以使用以下代码：

img {
  max-width: 300px;
  max-height: 200px;
}

3. 使用background-size属性：如果要将背景图片的大小调整为适应容器的大小，可以使用background-size属性。例如，如果要将背景图片的大小调整为容器的宽度和高度的一半，可以使用以下代码：

.container {
  width: 200px;
  height: 200px;
  background-image: url("image.jpg");
  background-size: 50% 50%;
}

4. 使用object-fit属性：object-fit属性可以控制图片在容器中的尺寸和位置。例如，如果要将图片等比例缩放并居中显示在容器中，可以使用以下代码：

img {
  width: 200px;
  height: 200px;
  object-fit: contain;
}

以上是几种常用的方法来设置图片大小的示例代码。根据具体的需求，可以选择适合的方法来设置图片的大小。