没有在html显示的网页的背景图像

时间:2018-02-28 23:15:19

标签: html css

我目前正在为学校作业创建一个网站,但在插入背景图片时遇到了问题。 HTML:

<!DOCTYPE html>
<html>
<head>
    <title>Like a Veggie</title>
    <link rel="stylesheet" type="text/css" href="veggie.css">
</head>

<body>
<table width="80%">

<td width="200" valign="top">
<table width="200">
           <tr><td><a href="index.html"> Home <a/></td></tr>
           <tr><td><a href="aboutme.html"> About Me <a/></td></tr>
           <tr><td><a href="timetable.html"> Time Table <a/></td></tr>
           <tr><td><a href="mylinks.html">Wierd links</td></tr>

        </table></td>

</body>
</html>

的CSS:

body {
    background-image: "background.png"
}

提前致谢

注意:我希望图片不是来自网址

3 个答案:

答案 0 :(得分:1)

这取决于你的background.png所在的位置。如果它与css文件一起找到,您可以使用background: url('background.png'); 即使您的图像不是来自网址,您仍然必须使用此语法。

答案 1 :(得分:0)

在CSS中尝试以下内容

 background-image: url("paper.png");

paper.png替换为您的图片名称。

答案 2 :(得分:0)

即使您的背景图像是在本地提供的,语法也是一样的。

body {
  background-image: url("background.png");
}

..应该适合你!