Hvordan du endrer gjentatte bakgrunner på CSS3-områder - dummier

Det er situasjoner hvor du bare vil ha en enkelt kopi av et bakgrunnsbilde på CSS3-siden din. Det kan være at bildet du har brukt er noe som ikke gjentar seg godt eller er stort nok til at du virkelig ikke vil at det gjentas. Følgende prosedyre viser en teknikk du kan bruke til å fortelle nettleseren å bruke bare en kopi av et bakgrunnsbilde.

1. Åpne bakgrunnsposisjonen. CSS-fil.

2. Endre kroppsstilen slik at bildet ikke gjentar, som vist her.

   kropp {bakgrunnsbilde: url ("CuteCat. Jpg"); bakgrunnsfarge: SaddleBrown; farge: SeaGreen; skriftstørrelse: x-stor; tekstskygge: 1px 1px gul; bakgrunnsposisjon: senter; bakgrunnsbeslutning: fast; bakgrunn-gjentak: ikke-gjenta; bakgrunnsstørrelse: 80%;}
   

   Bakgrunnsrepetisjonen er satt til å ikke gjenta, slik at nettleseren kan vise bare ett eksemplar. Fordi det bare er en kopi, og bildet kanskje ikke er riktig størrelse for å gi en god presentasjon når brukeren endrer størrelsen på nettleseren, bør du også angi egenskapen for bakgrunnsstørrelse for å endre størrelsen på bildet automatisk.

3. Lagre CSS-filen som NoRepeat. CSS.

4. Åpne bakgrunnsposisjonen. HTML-fil.

5. Endre taggen slik at den ser slik ut:

6. Lagre HTML-filen som NoRepeat. HTML.

7. Legg inn NoRepeat-siden.

   Du ser bakgrunnen. Det er bare ett bilde i sentrum nå - og når du endrer størrelsen på nettleseren, endres også bildet automatisk.