不重复使图像消失

Question

我正在通过一个名为html.net的网站学习css和xhtml.我在自己的网站上工作时遵循他们的指示.我刚刚开始在图像背景上的CSS教程,我遇到了一个小但烦人的问题.当我这样做时,一切都很好.意思是,到处都有海盗船.它看起来像西班牙舰队.

body {
background-color: silver;
background-image: url("pix/pirateship.jpg")

}

h1 {font-size: 40px; font-family: arial; color:yellow; background-color:#0000a0;}
h2 {color:maroon;}
li {font-size: 20px; font-family: arial; color:#87f717; background-color:#34282c;}
table {color:black; background-color:gray;}
th {color:black;}

但是......当我尝试按照下一个例子时,这根本没有显示任何图像.

body {
background-color: silver;
background-image: url("pix/pirateship.jpg")
background-repeat: no-repeat;   

}

h1 {font-size: 40px; font-family: arial; color:yellow; background-color:#0000a0;}
h2 {color:maroon;}
li {font-size: 20px; font-family: arial; color:#87f717; background-color:#34282c;}
table {color:black; background-color:gray;}
th {color:black;}

我怀疑这有什么......实际上,我不知道开始怀疑.我要把这个留给你们,希望有人知道解决方案.

PS所有这些都在与索引文件相同的文件夹中的css文件中.当我尝试使用任何无重复,重复-x或重复-y值时,我的所有海盗都会变成vamoose.当我不使用那些时,常规背景图像显示正常.

Answer 1

你在第二个例子中的背景图像选择器后丢失了一个分号.如果这是您的代码的复制和粘贴,那么缺少分号就是问题所在.