April 18
Controllare la larghezza e l'altezza delle tabelle alle pagine Web con Cascading Style Sheet codice (CSS), l'impostazione dei "width" e le proprietà "height" per i valori dei pixel o percentuale. Aggiungere larghezza e / o altezza di immobili da tavolo: hover "pseudo-classe a cambiare le loro dimensioni quando punti cursore del mouse degli utenti a loro per una pagina con più tabelle che si desidera dimensioni in modo diverso, definiscono una classe per ogni, dichiarando il corrispondente. "hover" pseudo-classi di conseguenza.
1 Inserire il seguente codice CSS tra i tag head del documento HTML:
<Style type = "text / css">
Tabella: hover {
width: 100px;
altezza: 100px;
}
</ Style>
Invece di 100px, si può sostituire qualsiasi importo per la proprietà "height" "larghezza" e per specificare la dimensione delle modifiche della tabella a quando si passa sopra con il mouse.
2 Aggiungere una o più tabelle per il corpo del documento HTML. Per esempio:
<Table>
<Tr> <td> Un </ td> <td> Due </ td> </ tr>
<Tr> <td> Tre </ td> <td> Quattro </ td> </ tr>
</ Table>
3 Salvare la pagina e caricare in un browser Web. Spostare il cursore del mouse su un tavolo; le sue dimensioni vengono portate a larghezza e altezza specificati.
4 Definire classi separate per le tabelle che si desidera dimensioni in modo diverso. Ad esempio, modificare il codice CSS per quanto segue, cambiando le "width" e le proprietà "height" per i formati che volete:
<Style type = "text / css">
.t1: hover {
width: 300px;
altezza: 300px;
}
.T2: hover {
width: 100px;
altezza: 100px;
}
</ Style>
Collocare le seguenti tabelle nel corpo, rilevando l'uso dell'attributo "class" per distinguerli:
<Table class = "T1">
<Tr> <td> Un </ td> <td> Due </ td> </ tr>
<Tr> <td> Tre </ td> <td> Quattro </ td> </ tr>
</ Table>
<Table class = "t2">
<Tr> <td> Un </ td> <td> Due </ td> </ tr>
<Tr> <td> Tre </ td> <td> Quattro </ td> </ tr>
</ Table>