Diferenciar tablas de sus antecedentes ayuda a enfatizar el contenido de la tabla en relación con todo lo demás en la página web. Para agregar un fondo de tabla, usted y amp; apos; ll necesitan hacer cambios en la hoja de estilo en cascada que admite su página web.
:max_bytes(150000):strip_icc():format(webp)/modern-office-buildings-forming-part-of-the-greenwich-peninsula-regeneration--south-east-london--uk-976027256-5b9047ddc9e77c0050b5d0e6.jpg)
& lt; / img & gt ;
Fotografía de construcción / Avalon / Getty Images
Comenzando
La mejor manera de agregar una imagen de fondo a una tabla es usar la propiedad de fondo CSS . Para prepararse para escribir el CSS de manera efectiva y evitar fallas inesperadas en la pantalla, abra su imagen de fondo y tome nota de la altura y el ancho.& amp; amp; nbsp; luego cargue su imagen en su proveedor de alojamiento. Pruebe la URL de la imagen; Una de las razones más comunes por las que las imágenes no se muestran y no se muestran es porque hay un error tipográfico en la URL.
Video destacado
Inserte un bloque de estilo CSS en la cabecera de su documento:
Escriba su CSS para el fondo en su mesa y colóquelo dentro del bloque de estilo:
Coloque su tabla en el HTML:
celda 1cell 2
& lt; br & gt ;
celda 1cell 2
& lt; br & gt ;
& lt; br & gt ;
Establezca el ancho y la altura de la tabla para que coincida con el ancho y la altura de la imagen.& lt; / br & gt ;
& lt; / br & gt ;
& lt; / br & gt ;
Establezca el ancho y la altura de la tabla para que coincida con el ancho y la altura de la imagen.
Si el contenido de su tabla es mayor que la altura y el ancho de la imagen, la imagen de fondo solo se mostrará una vez.
Ponga un fondo en solo una tabla
Las instrucciones anteriores establecerán la misma imagen de fondo en cada tabla de la página. Para poner el fondo solo en tablas específicas, use un atributo de clase . Agregue el fondo de clase a cualquier tabla que desee tener esa imagen de fondo. Establezca el ancho y la altura para esas tablas.
Deje que se repita la imagen de fondo de la tabla
Es posible que las tablas más grandes, o las tablas con más contenido, necesiten repetir el fondo para que se complete toda la tabla. Cambie el valor en su CSS para que la imagen se repita en el eje y, el eje x, o esté en mosaico en ambos.
& lt; pre & gt; fondo: url (& amp; quot; URL a image & amp; quot;) repetir; & lt; / pre & gt ;
De forma predeterminada, el valor de repetición se en mosaico, pero también puede establecer el valor de repetición en
& lt; pre & gt; repeat-x & lt; / pre & gt ;
o
& lt; pre & gt; repeat-y & lt; / pre & gt ;
para embaldosar horizontal o verticalmente, respectivamente.
Colores de fondo de la celda Bloquee la imagen de fondo de la tabla
Cualquier color de fondo establecido en las celdas de la tabla anula la imagen de fondo en la tabla. Tenga cuidado al usar colores de fondo en sus celdas en combinación con imágenes de fondo de tabla.& amp; amp; nbsp;
Consideraciones
Cualquier imagen que use debe tener una licencia adecuada; solo porque puede encontrar una foto en la web no significa que pueda apropiarse para su propio uso. Respetar los derechos de autor!
Los fondos de la tabla distinguen sus tablas de la página subyacente. Sin embargo, piense dos veces antes de usar esta técnica. Insertar una imagen neutral puede no ser una distracción, pero las imágenes complicadas destinadas a ser lindas y amp; amp; nbsp; (por ejemplo, insertar una imagen de un gatito detrás de una tabla que indica adopciones de mascotas) pueden parecer poco profesionales y pueden afectar la legibilidad de los datos tabulares .
& amp; # x203A; Informática
