问题描述

body标签的图片不能拉伸，在body标签里设置background会出现如下情况：
在这里插入图片描述

解决方法

使用一个style标签

1
2
3
4
5
<style>
.background_{ background:url("./超级马里奥.jpg") no-repeat; 
background-size: 100%;  //这一设置把图片铺满整个背景
}
  </style>

在body里使用

1
2
3
<body class="background_">
网页内容
</body>

应用

因为火狐浏览器的主页实在太丑，我就自己写了一个主页，效果如下
在这里插入图片描述源代码放在了我的github上
https://github.com/Jorwnpay/MyWebHome
主页网址，后续会不断更新，欢迎使用！
https://jorwnpay.github.io/MyWebHome/