Per abbellire il tuo sito web su Internet, puoi apportare modifiche al suo design. La modifica del design implica qualsiasi azione, dalla modifica dello sfondo della pagina principale al ridisegnare completamente il modello del sito. Se decidi di cambiare lo sfondo del tuo sito, le seguenti istruzioni ti aiuteranno a risolvere questo problema.
Necessario
Modificare il file css
Istruzioni
Passo 1
Per la maggior parte, il codice di progettazione del sito si trova nel file style.css. Ma ogni modello può essere diverso dal precedente, quindi il codice di progettazione può trovarsi in un file diverso, ma anche con l'estensione css. Per impostare il colore di sfondo del tuo sito, devi inserire o sostituire il valore esistente con la seguente espressione: / * sfondo bianco * / body {
background-color: #FFFFFF;} / * sfondo del titolo bianco, colore del carattere nero * / h1 {
colore: # 000000;
colore di sfondo: #FFFFFF;
}
Passo 2
Per poter inserire qualsiasi immagine come sfondo del tuo sito, devi inserire o sostituire il valore esistente con la seguente espressione: body {
colore di sfondo: # 000000;
immagine di sfondo: url ("Immagine-1.jpg");
}
Va notato che in questo caso è necessario fornire un collegamento al file immagine, che si troverà nella stessa cartella con il file css.
Passaggio 3
Se vuoi affiancare un'immagine piccola o una piccola immagine, usa il comando di ripetizione dello sfondo. Per utilizzare correttamente questo comando, ci sono diversi perfezionamenti a questo comando:
background-repeat: repeat-x - ripete l'immagine lungo l'asse x;
background-repeat: repeat-y - ripete l'immagine lungo l'asse y;
background-repeat: ripeti - ripeti un'immagine lungo due assi contemporaneamente;
background-repeat: no-repeat - l'immagine non viene ripetuta;
sfondo-allegato: scroll - scorre l'immagine insieme alla pagina;
background-attachment: risolto - l'immagine non viene fatta scorrere.
Usando la sintassi di questo comando, puoi mostrare come funziona negli esempi:
background-position: 30px 40px - L'immagine è 30 pixel in basso dall'alto e 40 pixel da sinistra a destra.
background-position: 60% 35% - Il padding sinistro è 60% e il padding superiore è 25%.
