使用CSS更改单页背景

时间:2013-07-25 08:27:01

标签: html css background

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

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

然后在那个特定的页面上,调用一些如何让页面“知道”听这行......这可能吗?

感谢任何帮助。我对CSS很新。

由于

4 个答案:

答案 0 :(得分:2)

你可以做的是创建一个background-image的类(我猜你已经有了),然后在该页面的body元素上使用该类,例如

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

并且说您想要更改联系页面的背景,您可以像这样制作HTML

<body class="custom_bg">
  

注意:在您想要骑过的元素上调用此类   背景图片,在这里我假设你想骑过去   身体标签的背景图片。

这将超越默认样式,我猜你必须在样式表中使用常规元素选择器,如

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

因此,当您定义类时,CSS将通过覆盖default background image

从类中选择图像

答案 1 :(得分:1)

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

答案 2 :(得分:0)

以及我理解您应该做的就是将此类添加到标记或任何其他容器中:

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

答案 3 :(得分:0)

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

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

而css将是

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

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

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