CSS能改變頁面元素的樣式，是網頁設計開發中必不可少的技能之一。但是很多人不清楚CSS是否可以改變圖片的src屬性。事實上，CSS不能直接改變img標簽的src屬性，但是可以通過一些技巧間接實現。
首先，我們需要了解CSS的作用和img標簽的結構。CSS是層疊樣式表，用于定義文檔如何呈現在瀏覽器中。img標簽是用于插入圖片的標簽，其中src屬性用于指定要顯示的圖片的URL。
CSS不能直接改變img標簽的src屬性，因為它是文檔對象模型（DOM）的一部分，而DOM只能通過JavaScript來訪問和修改。但是，我們可以使用CSS來設置img標簽的背景圖像，從而實現類似修改圖片的效果。
下面是一個簡單的HTML結構，包含一個img標簽和一個按鈕，點擊按鈕可以實現更改img的src屬性的效果：

<div class="img-container">
<img src="https://example.com/image1.jpg" alt="示例圖片">
</div>
<button onclick="changeImage()">點擊切換圖片</button>

我們可以使用CSS來設置img標簽的背景圖像，將其覆蓋原來的圖片，從而實現類似修改圖片的效果：

.img-container img {
visibility: hidden;
}
.img-container {
background-image: url('https://example.com/image1.jpg');
background-repeat: no-repeat;
background-size: contain;
height: 300px;
width: 300px;
}

以上CSS樣式代碼將隱藏原來的img標簽，將背景圖像設置為https://example.com/image1.jpg。在點擊按鈕時，通過JavaScript操作，可以將背景圖像更改為另外一個URL，實現類似修改圖片的效果。

function changeImage() {
document.querySelector('.img-container').style.backgroundImage = "url('https://example.com/image2.jpg')";
}

總之，雖然CSS不能直接改變img標簽的src屬性，但是我們可以通過一些技巧間接實現更改圖片URL的效果。這不僅展示了CSS的一些特殊用法，也展現了網頁開發的無限可能性。