html如何设置网页的背景图片
html如何设置⽹页的背景图⽚
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
甄子丹和汪诗诗
计算机发展史</head>
<style type="text/css">
*{
padding: 0;
qq邮箱 登录margin: 0;
}
.big_box{
height: 100vh;民政局春节放假时间表2022
background:url('./three.js-dev/examples/screenshots/webgl_loader_ttf.jpg');
background-size: 100% 100%;
}
</style>
<body>
<div class="big_box">
<!-- 这⾥⾯放⽹页的内容 -->
</div>
</body>
</html>
这⾥说⼏个点，需要注意⼀下：
1、*{
padding: 0;
margin: 0;
}
⽬的是未来消除游览器默认的边距，让外边距和内边距变成0会计专业自荐书
李易峰421事件是什么
2、height: 100vh；是div⾼度100vh指的是页⾯窗⼝的100%。
3、background: url(’./框架⽂件/three.js-dev/examples/screenshots/webgl_loader_ttf.jpg’)；引号⾥⾯的是图⽚的路径，⽤相对路径或者绝对路径指到你⾃⼰搞到的背景图⽚。
4、background-size: 100% 100%；设置图⽚的⼤⼩，两个100%分别是窗⼝的宽⾼占满。如果不设置会默认图⽚的⼤⼩像素，如果图⽚⼤⼩⼤于窗⼝⼤⼩就会只显⽰⼀部分，如果图⽚⼩于窗⼝，会复制多张图⽚填满窗⼝。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。