通过css添加背景图片

时间:2016-04-23 08:05:13

标签: html css html5 css3

我尝试在我网站的样式表中添加天空背景,但没有发生任何事情。

body {
  background: "sky-08.jpg";
}

当我预览页面时,背景是白色的,就像我刚刚开始制作页面一样。

2 个答案:

答案 0 :(得分:1)

应该是:background-image: url("sky-08.jpg");

这也假设图像文件与CSS文件位于同一位置(如果是内联的话,则为HTML文件)

如果图像位于根目录中的images文件夹下:background-image: url("/images/sky-08.jpg");

答案 1 :(得分:0)

使用background-image属性。像这样:

body {
    background-image: url("sky-08.jpg")
}

您可以使用background属性作为所有背景属性的简写,包括附件,颜色,图像,位置和重复。如果您只想设置其中一个属性,最好使用全名。有关详细信息,请参阅此处:http://www.w3schools.com/css/css_background.asp