CSS是一種樣式表語言，可以用來為網頁添加各種效果。其中一種效果就是將圖片拉長。下面我們來看看如何實現這一效果。

img {
width: 100%;
height: auto;
}

以上代碼可以將圖片展示的寬度設置為100%。這樣一來，無論圖片原本的尺寸大小如何，都會被展示為與容器相同寬度的大小。但是如果圖片比容器高度小，展示出來的圖片會因為裁切而顯得很窄。因此，我們需要設置高度為auto。這樣一來，圖片的高度就會自動根據比例縮放，使得圖片不失真，也不會產生窄高的感覺。

現在，我們已經成功地將圖片拉長了。如果需要對圖片進行更加精細的調整，可以繼續設置margin和padding等屬性。

img {
width: 100%;
height: auto;
margin: 10px;
padding: 5px;
}

以上代碼也會將圖片展示的寬度設置為100%，同時還將圖片周圍的margin設置為10px，內部的padding設置為5px。這些屬性的設置可以根據實際需要進行調整，以達到更好的視覺效果。

總的來說，通過CSS的設置，我們可以輕松地將圖片拉長，同時還能根據需求進行更加精細的調整。