March 19
In tavoli più grandi è spesso un aiuto alla lettura di avere alternati colori di sfondo per ogni riga della tabella. Può aiutare i lettori a seguire le linee dall'altra parte del tavolo. E 'facile da implementare con i CSS. Ecco come.
Ecco una semplice tabella con alternanza di righe grigie e bianche. Questa tecnica funziona per qualsiasi combinazione di colori o di qualsiasi tabella dimensione.
2 Costruire il tavolo utilizzando le normali strumenti di tabella-building HTML.
3 Nel foglio di stile, creare una classe che può essere applicato ad elementi TR (riga della tabella) alternati. Ecco un esempio:
.rowcolor {
background: #CCCCCC;
}
In HTML, aggiungere la classe di righe alternate nella tabella. Applicare all'elemento TR. Vedi immagine per esempio.
5 Se si desidera avere un colore diverso per la riga della tabella che contiene le intestazioni, è possibile creare una nuova classe o regola id nel foglio di stile che si applicherà solo un colore di sfondo agli elementi TH.