CSS不僅可以改變網頁的樣式，還能夠更改網頁中的元素屬性。其中，更改圖片的src屬性是常見的操作。下面介紹CSS如何更改圖片的src屬性。

img {
content: url("newImg.jpg");
}

在CSS樣式表中使用content屬性來更改圖片的src屬性。以上代碼將img元素的src屬性更改為"newImg.jpg"。注意，使用content屬性來更改src屬性時，需要將img元素的display屬性設置為none，否則圖片的原本src屬性仍會生效。

img {
display: none;
content: url("newImg.jpg");
}

若要使用偽元素來更改圖片的src屬性，則需給偽元素設置display屬性，否則也會失效。以下代碼使用偽元素before來更改圖片的src屬性。

img:before {
content: url("newImg.jpg");
display: inline-block;
}

以上代碼將img元素的before偽元素的content屬性設置為"newImg.jpg"，并將偽元素的display屬性設置為inline-block。這樣，原圖片的src屬性將被替換，新圖片將顯示在原圖片的位置上。

需要注意的是，使用CSS更改src屬性的方法并不適用于所有瀏覽器。具體來說，只有在Firefox中，可以使用content屬性來更改img元素的src屬性，而在其他瀏覽器中，這種方法并不起作用。