CSS（Cascading Style Sheets）是一種樣式表語言，可以通過它來控制網頁的樣式，即指定頁面元素的外觀效果。其中，如何改變圖片的長度是一個很常見的需求。

要改變圖片的長度，首先要掌握一個屬性：width。這個屬性可以指定元素的寬度。在引用圖片時，通過指定圖片的寬度屬性就可以改變圖片的長度了。比如：

<img src="圖片地址" alt="圖片名稱" width="200px">

在上面這行代碼中，我們通過width屬性將圖片的長度指定為200px。

但是需要注意的是，當我們只指定了圖片的長度而沒有指定寬度時，圖片本身的寬度并不會改變，只是顯示的寬度會改變（可能被拉伸或壓縮），因為指定的寬度只是作為顯示的最大寬度。

如果想保持圖片的原始比例，則可以通過指定圖片的最大寬度來實現。比如：

<img src="圖片地址" alt="圖片名稱" style="max-width: 100%;">

此時，圖片的最大寬度被設置為100%，即繼承了其父級元素的寬度，而圖片的比例不變，不會被拉伸或壓縮。

通過上述方法，我們可以輕松地改變圖片的長度，滿足不同的設計需求。