CSS中可以使用background-image來設置背景圖片，也可以使用img標簽在HTML中直接插入圖片。但是，有些情況下，我們希望圖片能夠超出原本的大小，以實現更好的效果。那么該怎么辦呢？

在CSS中，我們可以使用max-width和max-height來限制圖片的大小。當設置了這些屬性之后，圖片會按照設定的最大值進行縮放，如果寬高比例與原圖不一致，則會出現留白或者壓縮變形的情況。

img {
max-width: 100%;
max-height: 100%;
}

上述代碼可以將圖片的最大寬度和高度都設置為100%，這樣圖片就可以在超出原本大小的情況下進行展示了。如果只想要實現寬度超出的效果，可以使用以下代碼：

img {
width: 120%;
height: auto;
}

這樣，圖片的寬度就可以超出原本大小，而高度會根據比例自動調整。需要注意的是，這種方法只適用于使用img標簽插入的圖片，如果是設置背景圖片，需要使用background-size屬性來實現類似的效果。