Come faccio a smettere Patterns sfondo da ripetere in Chrome e Safari?

May 16

Google Chrome e browser Web di Apple Safari leggono Hypertext Markup Language (HTML) e Cascading Style Sheet di un documento (CSS) per determinare come rendere gli elementi di una pagina Web. HTML e CSS utilizzano l'attributo "background" per visualizzare un'immagine di sfondo su una pagina, ma CSS fornisce un maggiore controllo sulla modalità di visualizzazione dell'immagine. Quando si utilizza HTML, il motivo di sfondo si ripete lungo gli assi X e Y automaticamente, ma con i CSS è possibile aggiungere il codice per evitare che il motivo di sfondo da ripetere su entrambi gli assi.

istruzione

1 Inserire il seguente nel codice HTML tra la "<head>" e "</ head>" tag:

<Style>
body {
}
</ Style>

2 Inserire il "background-image:" e "background-repeat:" attributi tra le parentesi graffe arricciate:

body {
immagine di sfondo:
background-repeat:
}

3 Rimuovi "background = URL" dal tag <body> nel codice HTML - con "URL" che rappresenta l'indirizzo di collegamento per l'immagine di sfondo - se applicabile. Aggiungere il seguente al "background-image":

background-image: url ( 'URL');

Sostituire "URL" con l'indirizzo Web che collega per l'immagine di sfondo desiderata.

4 Inserire quanto segue per "background-repeat":

background-repeat: no-repeat;

5 Verificare che il codice sia identico a quello seguente e quindi salvare il file per fermare modelli di sfondo da ripetere in Chrome e Safari:

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

Consigli e avvertenze

  • È inoltre possibile utilizzare scorciatoia per codificare lo sfondo, come mostrato nell'esempio seguente:
  • <Style>
  • body {
  • fondo: url ( 'URL') no-repeat;
  • }
  • </ Style>