Hvordan stopper jeg bakgrunnsmønstre gjentar i Chrome og Safari?

October 15

Google Chrome og Apples Safari-nettlesere lese et dokument Hypertext Markup Language (HTML) og Cascading Style Sheet (CSS) for å finne ut hvordan å gjengi elementer av en webside. HTML og CSS bruke "bakgrunn" attributt skal vise et bakgrunnsbilde på en side, men CSS gir mer kontroll over hvordan bildet vises. Ved bruk av HTML, gjentar bakgrunnsmønster langs både x- og y-aksene automatisk, men med CSS kan du legge til kode for å hindre at bakgrunnsmønster fra å gjenta på hver akse.

Bruksanvisning

1 Sett inn følgende i HTML i mellom "<head>" og "</ head>" koder:

<Style>
kropp {
}
</ Style>

2 Sett "background-image:" og "background-repeat:" attributter i mellom krøllet regulering:

kropp {
bakgrunnsbilde:
background-repeat:
}

3 Fjern "bakgrunn = URL" fra <body> -taggen i HTML - med "URL" representerer adresse knytte til bakgrunnsbildet - hvis det er aktuelt. Legg til følgende "background-image":

background-image: url ( 'URL');

Erstatt "URL" med webadressen knytte til ønsket bakgrunnsbilde.

4 Sett inn følgende for å "background-repeat":

background-repeat: no-repeat;

5 Bekreft at koden ser identisk med følgende og deretter lagre filen for å stoppe bakgrunnsmønstre fra å gjenta i Chrome og Safari:

<Head>
<Style>
kropp {
background-image: url :( 'URL');
background-repeat: no-repeat;
}
</ Style>
</ Head>

Hint

Du kan også bruke stenografi å kode bakgrunnen, som vist i eksempelet nedenfor:
<Style>
kropp {
bakgrunn: url ( 'URL') no-repeat;
}
</ Style>