css把图片铺满整个界面 |css制作圆

css left 负数，php css是什么，css里文字上下居中，开关样式怎么写css，style和css的区别js，css 自定义弹出框，css制作圆 css把图片铺满整个界面 |css制作圆

html,
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
div {
width: 100%;
height: 100%;
}

接着，在CSS样式表中，大家可以利用background属性来设定背景图片，大家可以将图片的链接写在url()内，并设置background-size为cover，让图片铺满整个页面

div {
background: url(图片链接) no-repeat center center fixed;
background-size: cover;
}

在这里，大家使用了background的三个属性：

background-image: 指定要在背景中显示的图片
background-repeat: 指定背景图像是否应平铺以填充整个元素
background-size: 指定背景图片的尺寸

当大家将以上代码全部放在一起时，大家就可以将一张图片铺满整个页面啦！

html,
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
div {
width: 100%;
height: 100%;
background: url(图片链接) no-repeat center center fixed;
background-size: cover;
}

至此，大家就成功将一张图片铺满整个页面了！