在網頁設計中，經常需要使用圖片來裝飾頁面，但是有時候需要對圖片進行橫向或縱向拉伸，以適應不同的頁面布局。這時，CSS提供了一種簡單的方法來實現這個效果。

首先，我們需要在HTML中插入一張圖片：

<img src="圖片地址" alt="圖片描述">

接下來，我們就可以使用CSS來進行橫向或縱向拉伸了。

橫向拉伸

如果你想將一張圖片沿著水平方向進行拉伸，可以使用CSS中的width屬性來實現。例如：

img {
width: 100%;
}

上面的代碼將圖片的寬度設置為100%，這樣圖片就會根據其所在的容器橫向拉伸，以適應容器的寬度。

縱向拉伸

與橫向拉伸類似，如果你需要對一張圖片進行垂直方向的拉伸，可以使用CSS中的height屬性。例如：

img {
height: 100%;
}

上面的代碼將圖片的高度設置為100%，這樣圖片就會根據其所在的容器垂直拉伸，以適應容器的高度。

值得注意的是，拉伸圖片可能會導致圖片失真或變形，因此需要謹慎使用。盡可能使用原始尺寸或者按比例進行縮放，以避免影響用戶的視覺體驗。