我试图找到最简单的方法,在我的网站上为每个页面(来自我的NavBar)提供一个“不同的”照片背景.似乎一旦选择了背景,它对于所有后续页面保持不变.
我在NavBar中有Home,About和Contact me链接.我的目标是当访问者点击我的主页时有一个照片背景,当他们点击关于页面时有另一个照片背景,当他们点击我的联系页面时有第三个照片背景等.
是否有捷径可寻？
到目前为止,这是我的代码：
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
我的CSS看起来像这样：
body {background-image:url(greentea.jpg);}
解决方法
您可以将类分配给body
主页
<body class="home">
关于我们页面
<body class="about">
你可以用css
body.home{background-image:url(greentea.jpg);}
body.about{background-image:url(greentea.jpg);}
