Nwlapcug.com


Come creare colori di sfondo in una pagina Web

Come creare colori di sfondo in una pagina Web


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.