想必大家在網站設計中經常會遇到一種需求，就是讓背景能夠填滿整個屏幕，這時候，我們就需要使用一些 CSS 樣式來實現了。那么，究竟該如何實現呢？下面跟著小編一起學習吧！

html,body{
margin: 0;
padding: 0;
height: 100%;
background-attachment:fixed;
background-repeat: no-repeat;
background-size: cover;
background-image: url('images/bg.jpg');
}

首先，我們需要先設置html,body的height:100%;來讓頁面的高度占滿整個屏幕。然后，我們需要使用background-attachment:fixed;將背景圖片固定，這樣背景圖片就跟著頁面一起滾動了。同時，為了保證背景圖片不會被重復，我們需要使用background-repeat: no-repeat;來設置不重復。最后，我們再使用background-size:cover;來讓背景圖片適應整個屏幕，同時設置background-image來添加背景圖片的地址。

以上就是讓 CSS 背景填充滿整個屏幕的實現方法，如果還有不懂的地方，歡迎大家踴躍留言，小編會第一時間回復大家。