html - 使用 CSS 改变单页背景

Question

是否可以像这样在我的 CSS 中添加一行：

.custom_bg {
    background-image:url(http://domain.tld/img.ext);
    background-repeat:no-repeat;
    background-color:#000;
}

然后在那个特定的页面上，调用一些方法，以便页面“知道”听这条线......这可能吗？

任何帮助表示赞赏。我对 CSS 很陌生。

谢谢

score 2 · Accepted Answer

您可以做的是使用 a background-image（我猜您已经拥有）创建一个类，然后在该页面的元素上使用该类body，例如

.custom_bg {
   background: url('URL_HERE');
}

并说你想改变联系页面的背景，你可以让你的HTML像这样

<body class="custom_bg">

注意：在要覆盖背景图像的元素上调用此类，这里我假设您要覆盖主体标签的背景图像。

这将覆盖默认样式，我想您必须在样式表中使用通用元素选择器，例如

body {
   background: url('URL_HERE');
}

因此，当您定义类时，CSS 将从类中选择图像，从而通过覆盖default background image

score 1 · Accepted Answer

您可以在该单页的正文中添加一个类：<body class="custom_bg">. 其余页面将不受该样式的影响。

score 0 · Accepted Answer

据我所知，您应该做的就是将此类添加到标签或任何其他容器中，如下所示：

<body class="custom_bg">
...
</body>

score 0 · Accepted Answer

嗨，如果您只想在您的应用程序中为特定页面指定背景，请执行

<body class="custom_bg">
...
</body>

而CSS将是

.custom_bg
{
  background: url('URL_HERE');
}

如果您想要所有页面的背景，请尝试以下 CSS

body {
   background: url('URL_HERE');
}

4 回答 4