在HTML中,可以使用CSS的背景属性来设置固定背景图像。为了让不同的页面有不同的背景图像,可以通过给不同的页面添加不同的class或id,然后在CSS中针对不同的class或id设置不同的背景图像。
以下是一个示例代码:
HTML代码:
Page 1
Page 2
CSS代码(styles.css):
.page1 {
background-image: url("page1-background.jpg");
background-repeat: no-repeat;
background-size: cover;
}
.page2 {
background-image: url("page2-background.jpg");
background-repeat: no-repeat;
background-size: cover;
}
在上面的代码中,.page1
和.page2
是不同页面的类名。你可以根据实际需要修改这些类名。在CSS中,通过background-image
属性来设置背景图像的URL,background-repeat
属性设置背景图像的重复方式(这里设置为不重复),background-size
属性设置背景图像的大小方式(这里设置为覆盖整个页面)。你需要将page1-background.jpg
和page2-background.jpg
替换为你自己的背景图像的URL。
这样,当页面加载时,会根据不同的class应用不同的背景图像,从而实现不同的固定背景图像设置为不同的页面。
上一篇:不同的罐子,同样的东西。
下一篇:不同的归档链接方式