Home/ Questions/Q 7032991
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T01:00:20+00:00

This is an example of code in CSS: block { margin-left: 1in; margin-top; 1in;

  • 0

This is an example of code in CSS:

  block {
        margin-left: 1in;
        margin-top; 1in;
        position: absolute;
        background-image: url('../images/myimage.png');
        background-size: 100% 100%;
    }

Now I am using this CSS file on more than one HTML page and there need to be able to change this image per page. Maybe through HTML?

<block><somehowchangeimagehere></somehowchangeimagehere></block>

? Please, only HTML & CSS.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    One way to handle this is to put a class on the BODY tag for each page, then make different subclasses:

    <body class="pageOne">

    CSS:

    .pageOne block {
    background-image: url('../images/myimageOne.png');
}

.pageTwo block {
    background-image: url('../images/myimageTwo.png');
}
    • 0