文章讲述了作者在HTML代码中遇到的一个问题，即背景图片无法显示，尽管图片地址是正确的。代码示例显示了包含错误的CSS样式，特别是`background-:pink;`这样的语法错误，可能阻止了背景图片的加载。修复这个问题可能涉及到检查和修正CSS属性的拼写和用法。
这段错误代码让我花了一个多小时找bug，bug是，为什么不显示背景图片（图片地址没问题)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>五彩导航栏</title>
<style>
div {
height: 500;
width: 100;
background-image: url(bg1.png);
}
.box1,
.box3 {
background-: pink;
display: inline-block;
}
.box2,
.box4 {
background: black;
display: inline-block;
}
</style>
</head>
<body>
<div class="box1">五彩导航</div>
<div class="box2">五彩导航</div>
<div class="box3">五彩导航</div>
<div class="box4">五彩导航</div>
</body>
</html>答案见下一个文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
