CSS實現圖片超出屏幕非常簡單，只需要使用CSS的overflow屬性即可。我們可以將圖片的父元素設置成一個固定寬度和高度，并且將overflow屬性設置為hidden，這樣圖片就會被隱藏，只顯示父元素指定的區域。

.parent {
width: 500px;
height: 500px;
overflow: hidden;
}
.child {
width: 100%;
height: 100%;
}

在這段代碼中，我們將圖片的父元素設置為一個寬高都為500px的div元素，然后將overflow屬性設置為hidden。接著，我們給圖片設置一個類名.child，并且將其寬高設置為100%。

這樣，不管圖片的原始尺寸多大，都會被限制在父元素的范圍內，并且超出父元素的部分會被隱藏。如果想讓圖片在父元素的范圍內居中顯示，可以使用CSS的text-align和vertical-align屬性：

.parent {
width: 500px;
height: 500px;
overflow: hidden;
text-align: center; // 水平居中
display: table-cell; // 垂直居中
vertical-align: middle;
}
.child {
max-width: 100%;
max-height: 100%;
}

在這段代碼中，我們使用了display: table-cell和vertical-align: middle來讓圖片在垂直方向上居中。同時，我們將圖片的寬高設置為max-width: 100%和max-height: 100%，這樣圖片不會超出父元素的范圍。

以上就是使用CSS實現圖片超出屏幕的方法，希望能幫助到你。