Lo sfondo colorato sul sito non solo attira l'attenzione dei visitatori, ma trasmette anche l'atmosfera della risorsa. I siti a tema spaziale creano un'atmosfera di mistero con uno sfondo a forma di cielo stellato, le risorse di intrattenimento rallegrano con colori ricchi di colori caldi, i servizi web dei servizi cittadini mostrano la loro ufficialità con un design austero e sfondi prevalentemente di tonalità grigie e blu. Ci sono diversi modi per colorare la tua pagina web.
È necessario
- - il tuo sito
- - almeno una conoscenza di base dell'HTML
Istruzioni
Passo 1
Per creare uno sfondo a tinta unita, trova i seguenti tag e nel codice HTML. Cambia il primo tag in questo modo:
In questa costruzione, # FFFF33 è la tonalità codificata del giallo.
Passo 2
Il colore della pagina può essere specificato non solo con un codice, ma anche con parole speciali: i nomi dei colori primari. Per indicare il colore di sfondo con una parola, scrivi il seguente codice:
Qui "giallo" è il nome del colore giallo.
Passaggio 3
Invece del segno di codice giallo o del suo nome, aggiungi la designazione desiderata del colore di sfondo di cui hai bisogno al tag utilizzando questo suggerimento:
rosso - "rosso" ("# FF0000")
blu - "blu" ("# 0000FF")
verde - "verde" ("# 008000")
rosa - "rosa" ("# FFC0CB")
viola - "viola" ("# EE82EE")
arancione - "arancione" ("# FFA500")
nero - "nero" ("# 000000")
Passaggio 4
Se vuoi avere un'immagine ripetuta sullo sfondo del sito, scegli una piccola immagine, contro la quale il testo sarà chiaramente visibile. Carica una foto sul sito. Per inserire un'immagine come sfondo, inserisci questo codice nel tag
In questa voce, invece di "/images/fon.jpg" specificare il percorso dell'immagine desiderata.
Passaggio 5
Il colore delle pagine web può essere impostato non solo nel codice HTML, ma anche utilizzando gli stili CSS. Utilizzando questi stili, non è necessario impostare ogni volta lo sfondo nel codice di una nuova pagina. Per definire uno sfondo in CSS tra i tag e inserire una voce come questa:
corpo {
sfondo: # FFFF33;
}
Qui il colore di sfondo è impostato dal parametro background.
Passaggio 6
Se vuoi creare uno sfondo in CSS usando un'immagine, allora tra e scrivi il seguente codice, invece di '/images/fon.jpg' specificando il percorso dell'immagine desiderata:
corpo {
background-image: url ('/ images / fon.jpg');
background-repeat: ripeti;
}
Qui il parametro background-image definisce l'immagine di sfondo, background-repeat - la ripetizione dell'immagine. Sulla pagina.
