CSS是網頁設計中的一個重要組成部分，常常需要使用CSS修改頁面中的圖片。下面我們將介紹CSS如何修改圖片。 首先，我們需要了解CSS如何添加圖片。在CSS中，可以通過background-image屬性來添加圖片。該屬性指定一個用作背景圖像的圖像URL。例如，下面的代碼將一個背景圖片添加到一個DIV元素中：

div {
background-image: url("background.jpg");
}

接下來，我們來介紹如何修改圖片大小。可以使用background-size屬性來指定圖片大小。該屬性可以使用像素或百分比來定義圖片的寬度和高度。例如，下面的代碼將背景圖片縮小到原來的一半：

div {
background-image: url("background.jpg");
background-size: 50%;
}

如果希望保持圖片的原始寬高比，可以將一個維度設置為auto，如下所示：

div {
background-image: url("background.jpg");
background-size: auto 50%;
}

接下來，我們來介紹如何修改圖片的位置。可以使用background-position屬性來指定圖片位置。該屬性可以使用像素或百分比來定義圖片的水平位置和垂直位置。例如，下面的代碼將背景圖片向右下方偏移10像素：

div {
background-image: url("background.jpg");
background-size: 50%;
background-position: 10px 10px;
}

如果希望在水平和垂直方向上分別居中，可以使用“center”關鍵字，如下所示：

div {
background-image: url("background.jpg");
background-size: 50%;
background-position: center center;
}

最后，我們來介紹如何設置圖片重復。可以使用background-repeat屬性來指定圖片是否重復。該屬性有四個屬性值，分別為no-repeat、repeat、repeat-x和repeat-y。分別表示不重復、水平重復、垂直重復和水平垂直重復。例如，下面的代碼將背景圖片水平重復：

div {
background-image: url("background.jpg");
background-size: 50%;
background-repeat: repeat-x;
}

綜上所述，以上就是CSS中修改圖片的方法，包括添加圖片、修改大小、位置和重復方式等。通過這些方法，我們可以為網頁增加更加美觀的圖片效果。