时间戳

首页 > 解决方案 > 不同页面不同颜色

html - 不同页面不同颜色

问题描述

我试图用多个页面设计这个网页。例如，当您滚动到关于页面时，其背景颜色与联系页面不同。但是，到目前为止，我只得到了每个页面颜色的标题。我的网页是您向下滚动到另一个页面的地方。我试过

#name{background-color:#ffffff;}
#Portfolio{background-color:#d5f4e6;}
#about{background-color:#fefbd8;}
#ContactMe{background-color:#ffffff;}

在基于其 id 的 css 样式页面中。关于如何在不同页面上获得不同背景颜色的任何线索

html代码：

  <body id="Portfolio"></body>

  <body id="about"></body>

  <body id="Contact Me"></body>

标签： htmlcss

解决方案

当您说“多页”时，它的意思是“单独文件中的单独页面！” 像“aboutpage.html”或“c​​ontact.html”。在这种情况下，您可以使用“body”标签：

<body id="about">

但是然后您说“当您滚动到关于页面时”，这意味着“具有不同部分的页面，您可以像这样使用：

<p id="about"></p>
<p id="contact"></p>

或者

<div id="about"></div >
<div id="contact"></div>

推荐阅读