July 17
Le celle di tabella HTML, per impostazione predefinita, visualizzatore di testo opaco. I prodotti che appaiono nelle cellule tavoli acquisiscono i valori delle proprietà dei caratteri e il colore impostati per loro nelle classi CSS. Un modo per sottolineare o deemphasize cellule specifiche in una tabella è quello di cambiare la loro opacità. Per esempio, con una dissolvenza di un prodotto poco importante in una tabella contenente le macchine fotografiche, è possibile mettere a fuoco gli occhi di un lettore su altri prodotti che si desidera loro di vedere. Modificare l'opacità di qualsiasi cella modificando la sua proprietà CSS opacità.
1 Aprire un documento HTML e incolla il codice CSS riportato di seguito nella sezione head del documento:
<Style type = "text / css">
.opacity30 {
Opacità: 0,3;
Filtro: alpha (opacità = 30);
}
.opacity70 {
Opacità: 0.7;
Filtro: alpha (opacità = 70);
}
</ Style>
La prima definizione di classe CSS, "opacity30," imposta l'opacità al 30 per cento. La seconda classe, "opacity70," imposta l'opacità al 70 per cento. Qualsiasi elemento di pagina che fa riferimento a una di queste classi utilizzerà valore di opacità che di classe per la visualizzazione del testo sulla pagina.
2 Aggiungere la seguente definizione di tabella per la sezione corpo del documento:
<Table class = "style1">
<Tr>
<Td class = "opacity30">
cell1 </ td>
<Td class = "opacity70">
cell2 </ td>
</ Tr>
<Tr>
<Td>
CELL3 </ td>
<Td>
cell4 </ td>
</ Tr>
</ Table>
Questa tabella ha quattro celle. I primi due celle di riferimento del "opacity30" e le classi CSS "opacity70" definita nel passaggio precedente. Le cellule rimanenti non fanno riferimento tutte le classi CSS.
3 Aprire il documento nel browser e visualizzare la tabella. L'opacità prima cella è il 30 percento e il secondo visualizza il testo con un'opacità del 70 per cento.