Tutti i moderni browser Web visualizzare le pagine Web con sfondo bianco per impostazione predefinita. In passato, è necessario aggiungere il colore di sfondo nel tag < body > di ogni pagina. Cascading Style Sheets (CSS) rendono possibile specificare un colore di sfondo per ogni pagina nel tuo sito Web utilizzando un unico file. È possibile utilizzare codici esadecimali per i colori esatti o utilizzare nomi per uno qualsiasi dei 256 colori Web-safe disponibili. È possibile collegare CSS ai file HTML per più pagine Web.
Istruzioni
1
Aprire i file HTML del tuo sito Web in un editor di codice, ad esempio Notepad + +, BBEdit o jEdit. Aggiungere il seguente codice tra i < head > e < / head > Tag per ogni file HTML dove li vedete:
< link rel = "stylesheet" href="style.css" type = "text/css" / >
Il codice sopra riportato "collega" un file di foglio di stile a ogni file HTML con tag < head >. Quando si aggiungono colori di sfondo per il tuo foglio di stile, ogni pagina nel tuo sito Web visualizzerà con quei colori.
2
Creare un file vuoto e salvarlo come "Style. css". Aggiungere il codice riportato di seguito:
body {background-color: black;}
Questo codice CSS dà un'intera pagina Web uno sfondo nero. Modificare "nero" con il nome di un colore di base o utilizzare un codice esadecimale:
body {background-color: #cccccc;}
3
Aggiungere colori di sfondo a qualsiasi elemento HTML utilizzando il seguente formato CSS:
TagName {background-color: #cccccc;}
Class-nome {background-color: #cccccc;}
ID-nome {background-color: #cccccc;}
Prefisso di nomi di classe con un periodo e i nomi di ID con un simbolo di cancelletto. Il nome del tag è il nome di un tag, come "corpo" o "div". Trovare il nome di classe o ID di un tag nel codice HTML. Ecco un esempio di un tag con un ID e una classe:
< div id = "barra laterale sinistra" class = "barra laterale" >< / div >
Consigli & Avvertenze
- Per utilizzare CSS all'interno di un singolo file HTML, si può mettere all'interno di < style > e < / stile > Tag invece di un file separato, collegato. Il tag < style > appartengono tra < head > e < / head > Tag.
- Utilizzare un sito Web di selettore colore per trovare i codici esadecimali per i colori.