Come modificare il colore di una tabella

February 17

Una tabella su una pagina web viene creato utilizzando il codice HTML <TABLE> tag. È costituita da righe e colonne, come un foglio. Il colore può essere aggiunto alla tabella, TR (riga), e TD (cellulare) tag separatamente. Questo può essere fatto con l'attributo HTML "bgcolor", che pur deprecato viene ancora riconosciuto dai browser web, oppure utilizzando i fogli di stile a cascata (CSS) e l'attributo "background" stile, che è il metodo consigliato per la moderna progettazione di pagine web.

istruzione

Mediante attributi HTML

1 Aprire il software di editing web e la pagina web che contiene la tabella che si desidera aggiungere colore, o creare una nuova pagina web e aggiungere una tabella ad esso.

2 Visualizzare il codice HTML per la tua pagina web nel vostro strumento di modifica. In Adobe Dreamweaver, ad esempio, fare clic sul pulsante "Split" "Codice" o nella parte superiore della finestra di modifica.

3 Come modificare il colore di una tabella

Inserire l'attributo "bgcolor" e una scelta di colore nella vostra <table>, <tr> o <td> tag HTML se si desidera cambiare il colore di sfondo con il vecchio metodo. Il codice sarà simile a: <table bgcolor = # 990000 width = "100%" border = "0">, <tr bgcolor = "# 9900CC"> o <td bgcolor = "# 9900CC">.

4 Salvare le modifiche apportate ai file e caricare la pagina web al server web per visualizzare i colori della tabella nel browser web.

Uso degli stili CSS

5 Come modificare il colore di una tabella

Inserire un <STYLE> tag nella sezione <HEAD> della tua pagina web (sopra il tag BODY) e aggiungere definizioni di colore CSS per controllare l'aspetto di tutte le tabelle sulla tua pagina web. Il codice sarà simile a: <style> table {background-color: # FF0000; } </ Style>. Poi ogni volta che si inserisce un <table> tag nel corpo di questa pagina, avrà questo colore.

6 Come modificare il colore di una tabella


Inserire una definizione di stile CSS direttamente in un tag <table> nel corpo della pagina web se si desidera cambiare il colore per un solo tavolo su una pagina che ha molti. Il codice sarà simile a: <table style = "background-color: # 0033CC" width = border "100%" = "0">.

7 Inserire una definizione di stile per controllare il colore dei singoli tag riga tabella (TR) o tag di cella tabella (TD) di sfondo come avete fatto per il tag <TABLE> al punto 2. Questo codice sarà simile a: <tr style = "background colore: # 0033CC "> e <td style =" background-color: # 0033CC ">.

8 Salvare le modifiche apportate ai file e caricare la pagina web al server web per visualizzare i colori della tabella nel browser web.

Consigli e avvertenze

  • La tabella di "confine" può anche essere colorato con i CSS utilizzando l'attributo: style = "border-color: #".