我试图找到最简单的方法,在我的网站上为每个页面(来自我的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);}
原文地址：https://www.jb51.cc/html/223936.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
