Quando crei il tuo sito web, naturalmente vuoi che venga visualizzato nel modo più attraente possibile indipendentemente dalla versione del browser dell'utente. In particolare, in modo che l'immagine di sfondo venga allungata e adattata alla risoluzione del monitor del computer.
È necessario
capacità di lavorare con html, css, java-script
Istruzioni
Passo 1
Apri il codice per il tuo sito in qualsiasi editor, come Blocco note o un programma di web design dedicato, Dreamweaver. Incolla le seguenti righe nel codice per allungare lo sfondo del sito. Aggiungi sfondo: url ("Inserisci un collegamento all'immagine").
Passo 2
Per ridimensionare l'immagine orizzontalmente, usa il seguente codice: Sfondo: url ("Inserisci un collegamento all'immagine" ripeti-x), verticalmente - alla fine del codice, sostituisci x con y. Se lo stile del sito è in un file css, incollaci il codice. In questo modo sarai in grado di mettere uno sfondo gommoso sul tuo sito.
Passaggio 3
Utilizzare l'esempio di codice seguente per posizionare un'immagine di sfondo su una pagina e allungarla automaticamente per adattarla alla risoluzione del monitor su cui viene visualizzata la pagina. Codice di esempio: body {background: "Inserire un collegamento all'immagine di sfondo" () no-repeat fisso centro sinistro; quindi dimensione dello sfondo: […].
Passaggio 4
Per allungare l'immagine di sfondo, inserisci semplicemente un'immagine come sfondo e imposta la sua larghezza al 100%. Ad esempio, inserisci il seguente testo nel codice della pagina: background image "alt =" Inserisci il nome dell'immagine "/>. Pertanto, verrà utilizzato per adattarsi alla larghezza dell'immagine, ma le sue proporzioni verranno violate.
Passaggio 5
Allo stesso modo, puoi impostare l'immagine per allungarsi in altezza, utilizzare l'altezza invece dell'attributo larghezza. Oppure usa il seguente esempio di codice per css: immagine di sfondo del sito) "> e dopo aggiungi il 100% di larghezza dell'immagine come nell'esempio precedente. Inoltre puoi usare lo script per scoprire la risoluzione dello schermo dell'utente e modificare la dimensione della tua tavola per questo.
