Come Stile una tabella con colonne

May 2

Mentre la pubblicazione del codice HTML per una tabella in linea è abbastanza tagliato e secco, è anche abbastanza noioso. Perché non c'è un sacco di formattazione disponibili per le tabelle, si sono limitati a ciò che si può fare con l'HTML per migliorare l'aspetto di un tavolo online. Una caratteristica che è possibile utilizzare per ravvivare le tabelle sulla tua pagina HTML è un foglio di stile CSS. CSS lavora insieme con l'HTML per migliorare o modificare l'aspetto di HTML. Se si ha familiarità con HTML, utilizzando la codifica CSS non è difficile.

istruzione

1 Accedi al tuo browser Web e accedere alla pagina HTML che include la tabella a cui si desidera aggiungere stile.

2 Individuare la riga superiore, che dovrebbe leggere qualcosa di simile:

<Table border = "1" cellpadding = "3" cellspacing = "3" width = "100%"

3 Posizionare il cursore alla fine della linea e premere "Invio" per creare una nuova linea.

4 Digitare quanto segue nella nuova linea:

style = "background-color: yellow; border: 3px tratteggiato nero;">

I comandi di stile di "giallo", "3px" e "tratteggiata nera" tutti possono essere cambiati.

5 Sostituire "verde" con qualsiasi altro colore per regolare il colore dello sfondo della tabella.

6 Sostituire "3px" con un numero maggiore o minore di cambiare lo spessore del bordo intorno al tavolo.

7 Sostituire "tratteggiata nera" con qualcosa come "solido" per sostituire il modo in cui viene visualizzato il bordo intorno al tavolo.