如何设置背景图片?

时间:2019-04-10 16:06:09

标签: css html5

我为背景图片编写了CSS代码,但在CSS工作表中设置时却没有显示。

我尝试过,并且只有当写在体内时才起作用...

<button type="button" class="btn btn-small btn-success" onclick=" detailsmodal(<?= $products['id']; ?>) ">Details</button>

<script type="text/javascript">
  function detailsmodal(id) {
    alert(id);
  }
</script>

但不在样式表中。

<body background="Tokyo.png">

我希望显示背景图片,但我不显示。

3 个答案:

答案 0 :(得分:2)

您需要将路径包装在url中。

background-image: url("Images\tokyo.png");

答案 1 :(得分:2)

如果是图像,则必须确保包含url,然后将路径放在圆括号中,如下所示。另外,请确保您的CSS已链接到HTML。

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

答案 2 :(得分:2)

首先,您必须确保包含url,然后将路径正确放入括号中,如下所示。另外,请确保CSS已链接到HTML。

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

注意:如果您的css文件位于css目录中,则路径应为-

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

相关问题