Partendo dalla tabella modificata nella lezione precedente


In questa lezione personalizzeremo la tabella tramite i CSS

Cominciamo con la realizzazione di una nuova regola CSS selezionando la tabella e cliccando sul tasto apposito, come appreso nella lezione specifica


Selezioniamo composto dove chiede tipo selettore
Scriviamo table#TblTabella dove chiede nome selettore in modo da specificare che la regola verrà applicata all' id #TblTabella ,che avevamo dichiarato nel codice durante la lezione precedente, solo se presente nel tag table.


Clicchiamo su OK e definiamo le proprietà della regola a nostro piacimento come descritto nella lezione sugli stili CSS

Applicando ad esempio alcune proprietà


la nostra tabella assumerà un nuovo aspetto


Seguendo la stessa logica illustrata possiamo modificare tutti gli elementi ,ad esempio il tag th ,che corrisponde all'intestazione, digitando in nome selettore il testo table#TblTabella th o il tag td digitando in nome selettore il testo table#TblTabella td per poi personalizzare le specifiche proprietà.

COMMENTI