HTML和CSS都是構建網(wǎng)頁的基本工具。其中，設置圖片拉伸是常見的網(wǎng)頁排版技巧。本文將介紹使用HTML和CSS設置圖片拉伸的方法。 首先，在HTML中使用標簽來插入圖片。例如：

<img src="image.jpg" alt="圖片">

這段代碼會在網(wǎng)頁中顯示名為image.jpg的圖片，并在圖片無法顯示時顯示“圖片”的替代文本。 接下來，在CSS中使用height或width指定圖片的高度或寬度。例如：

img {
height: 200px;
}

這段代碼會將圖片的高度設置為200像素。類似地，可以使用width指定圖片的寬度。 然而，這種方法會導致圖片的比例失衡，從而拉伸或壓縮圖片。為了避免這種情況，可以使用object-fit屬性。 object-fit屬性可以設置圖片在保持比例的同時適合其容器的大小。例如：

img {
height: 200px;
object-fit: cover;
}

這段代碼將圖片拉伸或縮放以適應其容器的高度，并在保持其比例的情況下覆蓋容器。 此外，CSS還提供了其他一些object-fit選項，例如contain、fill和none，它們可以根據(jù)需要調整圖片的大小和位置。 總之，使用HTML和CSS設置圖片拉伸是一種簡單、方便、有效的網(wǎng)頁排版技巧。有多種方法可以實現(xiàn)這一目標，根據(jù)具體情況選擇最適合的方法即可。