|
Home -> Manuali e Tutorials -> Guida CSS -> Tabelle (3/4)
Scarica il tutorial  | Stampa il tutorial  | Cerca nel sito 
ESEMPI DI CSS APPLICATI ALLE TABELLE
Di seguito riporto una serie di links a layout di Tabelle giŕ modificate con particolari stili css (negli esempi sono previsti stili anche per le Intestazioni, Links, Footer, TH):
Menů Rollover
Vediamo ora come utilizzare un foglio di stile associato ad una tabella per creare un menů "rollover", cioč un menů nel quale, passando il mouse o cliccando sulle varie voci cambi l'aspetto del link.
<style>
.TABLE {background-color : "#FFD5D5"; border : medium
solid #A52A2A; font-family : Arial, Helvetica, sans-
serif; font-size : "14px"; color : "#FF3333";
font : bold }
.TD { border-style : thin; border-color:red; text-align :
center; font-family : Verdana, Geneva, Arial,
Helvetica, sans-serif; font-size : 13px; background-
color : yellow; background-position : 100%; }
.TD_A:LINK { text-decoration: none; color: black }
.TD_A:VISITED { text-decoration: none; color: black }
.TD_A:HOVER { text-decoration: none; font-weight : bold;
color: aqua; background-color : Blue }
.TD_A:ACTIVE { text-decoration: none; color: red;
background-color: Yellow }
</style>
|
Ecco un altro esempio:
Tabella con lo Scroll
Ecco un esempio di tabella con sroll, ottenuta semplicemente usando i CSS:
|
|
| Column1 |
Column2 |
Column3 |
Column4 |
Column5 |
Column6 |
Column7 |
Column8 |
Column9 |
Column10 |
| 1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
| 1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
| 1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
| 1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
| 1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
|
Torna su  | Indice Guida  | Pagina << 17 >>
|
