CSS是前端開發中必不可少的技術，很多時候我們需要將圖片展示在全屏，那么如何使用CSS實現呢？

img{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

上述代碼可以讓圖片填滿整個屏幕，具體實現原理如下：

position:fixed;

將圖片的定位屬性設置為fixed，這樣圖片的位置就不會隨著滾動條的滾動而改變。

top:0;

將圖片距離屏幕頂部的距離設置為0，使圖片覆蓋在其他內容之上。

left:0;

將圖片距離屏幕左側的距離設置為0，使圖片覆蓋在其他內容之上。

width:100%;

將圖片的寬度設置為100%，使圖片覆蓋整個屏幕。

height:100%;

將圖片的高度設置為100%，使圖片覆蓋整個屏幕。

通過以上CSS代碼，可以讓圖片完美的展示在全屏，為網頁的美觀性和展示效果增添很多的色彩。