在CSS中，插入圖片并改變尺寸是一個常見的需求，以下是一些方法和步驟，幫助你完成這個任務(wù)：

1、插入圖片：你需要在HTML中插入圖片，使用<img>標(biāo)簽。

<img src="path_to_your_image.jpg" alt="描述圖片的文字">

2、改變尺寸：你可以使用CSS來改變圖片的尺寸，有幾種方法可以做到這一點(diǎn)：

使用width和height屬性：你可以直接設(shè)置圖片的寬度和高度。

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

這將把圖片的寬度設(shè)置為200像素，高度設(shè)置為100像素，注意，這種方法可能會導(dǎo)致圖片變形，特別是如果原始圖片的寬高比與設(shè)置的不匹配。

使用max-width和max-height屬性：這些屬性可以限制圖片的***大寬度和高度，而不會導(dǎo)致圖片變形。

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

這將確保圖片的寬度不超過200像素，高度不超過100像素，如果圖片原始尺寸大于這些限制，它將被縮放以適應(yīng)容器。

使用object-fit屬性：這個屬性可以改變圖片的填充方式，避免變形。

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

這將確保圖片始終填充其容器，但可能會裁剪一部分圖片以保持縱橫比，其他值如contain也可以用來改變填充行為。

3、響應(yīng)式設(shè)計：在設(shè)計響應(yīng)式網(wǎng)站時，你可能希望圖片在不同屏幕尺寸下有不同的尺寸，這可以通過使用媒體查詢來實(shí)現(xiàn)：

@media (max-width: 600px) {
  img {
    width: 100%;
    height: auto;
  }
}

這將確保在屏幕寬度小于600像素時，圖片的寬度為100%，高度自動調(diào)整以保持縱橫比。

通過結(jié)合這些方法，你可以靈活地控制CSS中插入的圖片的尺寸和顯示方式。