[已解决]如何在html网页中插入背景图片？

hehevv · 发表于 2020-5-10 15:42:04

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

下面是我的代码：
<!DOCTYPE html>
<html>
<head>
<title>大学生职业发展方向建议系统</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="keyword" content="大学生，SWTO分析法，职业发展方向，大学生职业发展方向建议,职业生涯规划">
<meta name="description" content="大学生职业发展方向建议系统">
<meta name="author" content="hehe">
</head>
<style type=text/css>
      body{
         background-image: url("./img/bx.png")
}
      h1 {
         text-align:center;
      }
</style>
<body background=./img/bx.png>
<h1>大学生职业发展方向建议系统</h1>
<p>待完成</p>
</body>
</html>
百度了好多种方法，我的网页始终不显示背景图片，不知道是哪里的问题？

最佳答案

月排行榜 / 总排行榜

Hello.

2020-5-10 17:36:05

background-image: url("D:/web/img/bx.png")

登录/注册后可看大图

跳转到最佳答案楼层

Hello. · 发表于 2020-5-10 15:44:45

看一下路径

登录/注册后可看大图

乘号 · 发表于 2020-5-10 15:59:31

小甲鱼课里有讲啊

hehevv · 发表于 2020-5-10 17:32:51

Hello. 发表于 2020-5-10 15:44
看一下路径

这个怎么发图片啊?  bishe.html和img在一个文件夹，背景图片存储在img文件夹里，我看着小甲鱼视频做的，不知道哪里出问题了？图片路径也对啊
D:/---web----img----bx.png
      |
      |------bishe.html

Hello. · 发表于 2020-5-10 17:36:05

这个最佳答案由 Hello. 给出，感谢 Hello. 的回答。

单击隐藏图章

background-image: url("D:/web/img/bx.png")

登录/注册后可看大图

hehevv · 发表于 2020-5-11 18:22:38

Hello. 发表于 2020-5-10 17:36

这个路径我也试了，也不行。原因我找到了，是图片的问题，换了四次图片，第四张图片就显示出来了！

Hello. · 发表于 2020-5-12 06:18:57

hehevv 发表于 2020-5-11 18:22
这个路径我也试了，也不行。原因我找到了，是图片的问题，换了四次图片，第四张图片就显示出来了！

有可能格式打错了呢

怀南哥哥 · 发表于 2020-5-14 17:58:03

body{
            background-image: url("./img/bx.png")
            }
      h1 {
         text-align:center;

/img  这个路径前面不应该是2个点吗

baigali · 发表于 2020-5-17 22:59:45

应该是background image后面的路径错了

账号		自动登录	找回密码
密码			立即注册