Las celdas de tabla HTML, de forma predeterminada, muestran este texto opaco. Los productos que aparecen en las tablas células adquieren los valores de las propiedades de fuente y color que ha establecido para ellos en sus clases CSS. Una forma de enfatizar o menos énfasis en células específicas de una tabla es cambiar su opacidad. Por ejemplo, con un fundido de un producto de poca importancia en una tabla que contiene las cámaras, se puede enfocar los ojos de un lector en otros productos que desea que vean. Cambiar la opacidad de cualquier célula mediante la modificación de su propiedad CSS opacidad.
Instrucciones
1 Abrir un documento HTML y pega el código CSS se muestra a continuación en la sección de cabecera del documento:
<Style type = "text / css">
.opacity30 {
Opacidad: 0,3;
filtro: alfa (opacidad = 30);
}
.opacity70 {
Opacidad: 0,7;
filtro: alfa (opacidad = 70);
}
</ Style>
La primera definición de la clase CSS ", opacity30," establece la opacidad al 30 por ciento. La segunda clase, "opacity70," establece la opacidad al 70 por ciento. Cualquier elemento de la página que hace referencia a una de estas clases se utilice el valor de la opacidad de esa clase al mostrar texto en la página.
2 Añadir la siguiente definición de la tabla de la sección del cuerpo del documento:
<Table class = "style1">
<Tr>
<Td class = "opacity30">
CELL1 </ td>
<Td class = "opacity70">
cell2 </ td>
</ Tr>
<Tr>
<Td>
CELL3 </ td>
<Td>
Celda4 </ td>
</ Tr>
</ Table>
Esta tabla tiene cuatro células. Referencia Las dos primeras células del "opacity30" y "clases CSS opacity70" definido en el paso anterior. Las células restantes no hacen referencia a ninguna clase CSS.
3 Abra el documento en el navegador y ver la tabla. opacidad El primero de celda es 30 por ciento y la segunda muestra su texto con una opacidad del 70 por ciento.
Consejos y advertencias
- Restaurar todas las células normales a la opacidad mediante la supresión de las definiciones de clase CSS que se muestran en estos pasos. Este ejemplo crea dos clases de opacidad. Crear otros con diferentes valores mediante la duplicación de cualquiera de estas clases y la adición de su nuevo estilo a la sección del documento. Por ejemplo, para crear una clase cuya opacidad es del 90 por ciento, añade esta definición de la clase a la sección de estilo: opacity90 {opacidad: 0,9; filtro: alfa (opacidad = 90).