Partendo dalla tabella modificata nella lezione precedente


In questa lezione personalizzeremo i bordi ed il colore sul rollover della tabella tramite i CSS

Facciamo doppio click ,nel pannello stili CSS, sulla regola table#TblTabella td, e definiamo la categoria bordo nel seguente modo


Usiamo lo stesso procedimento anche per modificare la regola table#TblTabella th ,con la sola differenza che il bordo verrà applicato solo alla linea inferiore della cella. Per fare questo selezionate nella colonna style solo nel campo bottom la proprietà solid

Fatto questo la nostra tabella sarà maggiormente definita attraverso delle delimitazioni che consentiranno all'utente del sito di attribuire un diverso valore agli elementi inseriti nelle colonne e nelle righe.


Un ulteriore modifica ad effetto che possiamo apportare alle celle della nostra tabella si può ottenere sul rollover, ossia al passaggio del puntatore del mouse.

Per fare questo selezioniamo la tabella, clicchiamo su nuova regola e digitiamo il testo seguente nel pannello


Clicchiamo su OK e nella finestra successiva selezioniamo nella colonna categoria sfondo e definiamo il colore che più ci aggrada.

Adesso quando il puntatore del mouse passerà sulle celle il loro colore cambierà

COMMENTI