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

如何在html网页中插入背景图片？

下面是我的代码：
<!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 15:44:45

看一下路径

https://cdn.jsdelivr.net/gh/hishis/forum-master/public/images/patch.gif

乘号 发表于 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

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

https://cdn.jsdelivr.net/gh/hishis/forum-master/public/images/patch.gif

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后面的路径错了
页: [1]
查看完整版本: 如何在html网页中插入背景图片？