CSS3是一種用于網頁設計的技術，它可以通過一些簡單的代碼來實現豐富的效果。其中之一就是拉伸圖片，讓圖片在頁面上展現出更好的效果。

img {
width: 100%; /*將圖片的寬度設為100%*/
height: auto; /*高度設為auto可以使圖片按比例縮放*/
}

在上面的代碼中，我們通過設置圖片的寬度為100%來讓它和父元素的寬度相等，從而達到拉伸的效果。同時，我們還設置了圖片的高度為auto，這樣可以保證圖片按比例縮放，避免了圖片變形的情況。

使用CSS3拉伸圖片的好處在于可以適應不同屏幕尺寸的大小，不用擔心在移動端或大屏幕上展現不佳的問題。同時，還可以節省網頁加載的時間和流量，提高用戶體驗。