css怎么让网页各屏背景全屏显示

html-css09

css怎么让网页各屏背景全屏显示,第1张

css让网页各屏背景全屏显示，首先需要理解就是浏览器展示区域，其实就是body这个部分，想要让背景全屏的话，需要用到css的background这个属性，在选择好背景的图片就可以了，具体看下代码：

<html>

<head>

<style>

body{

background:url('图片地址')repeat 0px 0px

}

</style>

</head>

<body>

<p>我是测试文字</p>

</body>

</html>

背景图全部铺满：background-size:100% 100%

如果不是纯色或者图片大小和要填充的盒子大小相差不大的时候，100%可以看到全图但是有时候会变形，建议不要使用100%；可以改用cover，cover是按比例放大，超出盒子部分裁剪，图片不会变形但是有时候不能完全看到全图