如何将背景图片覆盖整个页面

最初我是直接在<style>标签里加入背景图片，之后发现是这样子

 就是会出现平铺效果。然后又去搜了一下如何去除平铺

<style>
            body{
                margin:0;
                background-image: url(images/1.jpg);
                background-repeat:no-repeat;
                
                }

 效果如上图，还是不能覆盖整个界面，然后我又改了代码，设置背景尺寸为全覆盖

body{
                margin:0;
                background-image: url(images/1.jpg);
                background-repeat:no-repeat;
                background-size: cover;
                }

 这次可以了