Come modificare il colore di sfondo di una tabella

September 2

Come modificare il colore di sfondo di una tabella


Il tavolo è uno degli elementi più utilizzati Hypertext Markup Language (HTML). Progettato per visualizzare dati tabulari in una disposizione ordinata di righe e colonne, tabelle sono comunemente utilizzati come elementi di impaginazione, determinando il posizionamento orizzontale e verticale di elementi posti al loro interno. In entrambi i casi, web designer può decidere di applicare un colore di sfondo a tutte le righe e le colonne di loro tavolo. Il raggiungimento di questo risultato genere richiede l'aggiunta di un singolo parametro di codice della tabella esistente.

istruzione

1 Aprire la pagina Web in un programma di editing e visualizzare il codice HTML. Se si utilizza un editor di testo, è sufficiente aprire la pagina nel programma e passare alla sezione di codice che controlla il vostro tavolo. Se si utilizza un editor visuale, come Adobe Dreamweaver o Microsoft Expression Web, aprire la pagina e quindi un solo clic sul vostro tavolo per selezionarla. Dopo questo modo, modificare la modalità di visualizzazione a vista Codice per vedere il codice HTML che controlla il contenuto e l'aspetto della tua pagina.

2 Individuare il tag table apertura. Essa sarà simile al seguente:

<Table width = "500" border = "0" cellpadding = "0" cellspacing = "0">

3 Un clic appena prima del carattere del tag tabella che si trova nel passaggio precedente chiusura. Inserire un singolo spazio e aggiungere l'attributo "bgcolor", in modo che il tag di apertura tavolo è simile al seguente:

<Table width = "500" border = "0" cellpadding = "0" cellspacing = "0" bgcolor = "orange">

Regolare il valore "arancione" per riflettere il colore di sfondo desiderato.

4 Salvare la pagina e quindi aprirlo in un browser web. Il tavolo si è modificato ora appare con un colore di sfondo solido.

Consigli e avvertenze

  • I valori di colore di sfondo delle singole tabella righe, intestazioni o cellule sostituiscono il colore della tabella stessa sfondo. Se il colore di sfondo della vostra tabella non vengono visualizzati come previsto, rimuovere il "bgcolor" attributi dal <tr>, <th> tag e <td> all'interno del vostro tavolo.