html - 如何在一个样式表中为多个页面设置背景页面

Question

我希望我的样式表能够控制每个页面的背景图像，能够为每个页面使用不同的背景。

score 1 · Accepted Answer

你可以给每个body元素一个id. 然后，您可以使用多个 id 选择器自定义 CSS：

body#index-page { 
  background: red;
}

body#about-us { 
  background: blue; 
}

score 0 · Accepted Answer

您可以使用放置在每个页面顶部的 css 来做到这一点。

以以下方式：

<head>
     ...
     <style type="text/css">
          body {background: url(path to page specific bg image);}
     </style>
</head>

这个 css 将克服样式表中的一般 css，并且您将为每个页面指定不同的 bg。

希望能帮助到你

2 回答 2