本文目錄導讀：

1. 使用寬度和高度屬性
2. 使用transform屬性
3. 使用背景圖片
4. 使用偽元素

CSS圖片拉伸指南

在CSS中，我們可以使用多種方法拉伸圖片，以下是一些常見的圖片拉伸技巧：

使用寬度和高度屬性

CSS的寬度和高度屬性可以用來設置圖片的大小，通過增加寬度或高度，可以讓圖片在水平或垂直方向上拉伸，將圖片的寬度設置為200%，高度設置為100%，可以讓圖片在水平方向上拉伸，而在垂直方向上保持原狀。

使用transform屬性

CSS的transform屬性可以用來對圖片進行更復雜的變換，包括拉伸、縮放、旋轉(zhuǎn)等，通過改變transform的值，可以實現(xiàn)圖片的拉伸效果，使用transform: scale(2, 1)可以將圖片在水平方向上拉伸2倍，而在垂直方向上保持原狀。

使用背景圖片

CSS中，我們可以將圖片作為背景圖片使用，并通過設置背景圖片的大小來實現(xiàn)圖片的拉伸效果，將背景圖片的大小設置為200% 200%，可以讓圖片在水平和垂直方向上同時拉伸2倍。

使用偽元素

CSS中，我們可以使用偽元素來創(chuàng)建一個與圖片相同大小的元素，并通過改變偽元素的大小來實現(xiàn)圖片的拉伸效果，使用偽元素并設置其大小為200% 200%，可以讓圖片在水平和垂直方向上同時拉伸2倍。

是CSS中常見的圖片拉伸技巧，你可以根據(jù)自己的需求選擇適合的方法來實現(xiàn)圖片的拉伸效果。