css背景填充满整个屏幕怎么办(css背景填充满整个屏幕)

想必大家在网站设计中经常会遇到一种需求，就是让背景能够填满整个屏幕，这时候，我们就需要使用一些 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 背景填充满整个屏幕的实现方法，如果还有不懂的地方，欢迎大家踊跃留言，小编会第一时间回复大家。