CSS中的圖片向下拉伸，指的是將一張圖片的高度拉伸，使其看起來更加細長。這個效果常常應用于網頁中的背景圖片或者Banner圖片。

.banner {
background-image: url('banner.jpg');
background-size: 100% 200%;
height: 500px;
}

在上述的代碼中，我們首先選中需要應用拉伸效果的背景圖片所在的CSS選擇器“banner”。然后，我們在這個選擇器中使用了“background-image”屬性來指定這個選擇器的背景圖片。接下來，在“background-size”屬性中，我們設置了寬度為100%，高度為200%。這就是實現圖片向下拉伸效果的關鍵之一。

此外，我們還需要將這個選擇器的高度設置為需要的值，比如500px。這樣設置之后，當網頁被瀏覽器渲染時，就會先根據高度值確定容器的高度，再根據height屬性填充相應的內容。

最終的效果就是，在瀏覽器中打開頁面時，由于背景圖片被優化為100%寬度和200%高度，所以這張圖片會沿著垂直方向向下拉伸，變得更加細長和美觀。