通過CSS來改變圖片src可以實現很多有趣的效果。下面我們將通過一些簡單的示例來說明如何使用CSS來修改圖片src。

img{
content: url('original.jpg');
}

上面的代碼通過content屬性來設置img標簽的src。我們可以使用一個可以訪問的url來替換'original.jpg'來修改圖片。

img {
background-image: url('original.jpg');
width: 100px;
height: 100px;
background-size: cover;
}
img:hover {
background-image: url('modified.jpg');
}

此代碼通過background-image屬性來設置圖片的src。我們可以通過:hover偽類來設置鼠標懸停時的src。此外，我們還可以使用background-size來調整圖片的大小和比例。

通過上面這些例子，我們可以看到CSS可以很方便地幫助我們改變圖片的src。在實際開發中，可以利用這些技巧來提升網站的交互性和設計感。