Fondo CSS. Guía completo

Del autor: Doy la bienvenida a todos. Los colores y las imágenes de fondo en el diseño web tienen un rol enorme, ya que le permiten organizar más elementos atractivos. Cómo hacer un fondo en HTML, veremos hoy.

¿Es posible hacer con los medios de HTML al configurar el fondo?

Inmediatamente diré que no hay. En general, HTML no se crea para elaborar páginas web. Es muy incómodo. Por ejemplo, hay un atributo Bgcolor, con el que puede configurar el color de fondo, pero es muy incómodo.

En consecuencia, utilizaremos hojas de estilo en cascada (CSS). Hay muchas más oportunidades para la tarea del backgrow. Hoy analizaremos lo más básico.

¿Cómo establecer el fondo a través de CSS?

Por lo tanto, primero, debe decidir cómo debe especificarse el elemento. Es decir, tenemos que encontrar el selector a quien escribiremos una regla. Por ejemplo, si se debe hacer el fondo, la página completa en su conjunto, puede hacerlo a través del selector de cuerpo, todos los bloques, a través del selector div. Bien, etc. El fondo puede y debe estar atado a cualquier otro selector: clases estilizadas, identificadores, etc.

Una vez que haya decidido el selector, debe escribir el nombre de la propiedad en sí. Para establecer el color de fondo (Color preciso sólido, no degradado y no imágenes), se usa la propiedad de color de fondo. Después de eso, necesitas poner el colon y escribir el color en sí. Esto se puede hacer de diferentes maneras. Por ejemplo, usando palabras clave, código hexagonal, rgb, rgba, formatos HSL. Cualquier forma se ajustará.

El método de código hexadecimal se usa con mayor frecuencia. Para seleccionar los colores, puede usar un programa en el que se ve el código de color. Por ejemplo, Photoshop, pintura o cualquier herramienta en línea. En consecuencia, por ejemplo, el fondo general para toda la página web.

cuerpo (fondo de fondo: # D4E6B3;)

Este código debe insertarse en la sección de la cabeza. Es importante que los archivos estén en la misma carpeta.

Imagen como fondo

Como imagen, usaré un pequeño icono de idioma HTML:

Crea un bloque vacío con un identificador:

< div id = "bg" > < / div >

Deje que dé tamaños y fondo explícitos:

#Bg (ancho: 400px; altura: 250px; imagen - Imagen: URL (html.png);)

#bg ( ancho: 400px; altura: 250px; fondo - Imagen: URL (HTML. PNG);

Desde este código, puede ver que usé una nueva propiedad - imagen de fondo. Está destinado a insertar una imagen como elemento HTML de telón de fondo. Vamos a ver que pasó:

Para configurar la imagen, debe escribir una palabra clave de URL después de un colon, y luego entre paréntesis para especificar la ruta al archivo. En este caso, la ruta se indica en función del hecho de que la imagen se encuentra en la misma carpeta que el documento HTML. También necesita especificar el formato de imagen.

Si ha hecho esto, y el fondo no desaparece en el bloque, vuelva a verificar si escribió el nombre de la imagen correctamente, la ruta y la expansión son correctas. Estas son las razones más frecuentes por las que el fondo simplemente no se muestra, ya que el navegador no puede encontrar la imagen.

¿Pero notaste una característica? El navegador tomó y difundió la imagen en todo el bloque. Entonces, para que sepa, este es el comportamiento de las imágenes de fondo de forma predeterminada: se repiten verticalmente y horizontalmente a los que pueden entrar en el bloque. En este comportamiento puedes administrar fácilmente. Para hacer esto, use la propiedad de repetición de fondo, que tiene 4 valores principales:

Repetir: valor predeterminado, la imagen se repite en ambos lados;

Repetir-X: se repite solo en o x;

Repetir-Y - se repite solo a lo largo del eje Y;

No-repetición, no repetido en absoluto;

Cada valor puedes registrarte y ver qué sucede. Yo rego esto:

fondo-repetición: Repetir-X;

fondo - Repetir: Repetir - X;

Ahora la repetición es solo horizontalmente. Si se registra sin repetición, solo habría una foto.

Excelente, ya puede terminar, ya que son las características básicas de trabajar con el fondo, pero le mostraré otras 2 propiedades que le permiten obtener más oportunidades en la administración.

Con la ayuda de la repetición, los vendelores utilizados para lograr el hecho de que las texturas y los gradientes de fondo crearon, utilizando una pequeña imagen. Podría ser de 30 por 10 píxeles o incluso menos. O tal vez un poco más. La imagen era tal que cuando repitió uno o incluso en ambos lados, no hubo transiciones, por lo tanto, al final, se obtuvo un solo fondo de una pieza. Por cierto, tal enfoque debe usarse y ahora, si desea utilizar una textura sin problemas en su sitio como fondo. El degradado de hoy ya puede ser implementado por los métodos CSS3, seguiremos hablando de esto.

Posición de fondo

De forma predeterminada, la imagen de fondo, si no se especifica la repetición, estará en la esquina superior izquierda de su bloque. Pero la posición se puede cambiar fácilmente utilizando la propiedad de la posición de fondo.

Puedes especificarlo de diferentes maneras. Una de las opciones, es solo especificar las partes en las que la imagen debe ser:

posición de fondo: arriba a la derecha;

fondo - Posición: Top derecho;

Es decir, todo permanece verticalmente: la imagen de fondo se encuentra en la parte superior, pero horizontalmente cambiamos de lado a la derecha, eso es correcto. Otra forma de establecer una posición es en porcentaje. La cuenta regresiva al mismo tiempo comienza en cualquier caso desde la esquina superior izquierda. 100% - todo bloque. Por lo tanto, para poner la imagen exactamente en el centro, escriba esto:

posición de fondo: 50% 50%;

fondo - Posición: 50% 50%;

Recuerde una cosa importante asociada con el posicionamiento: el primer parámetro siempre indica la posición horizontal, y el segundo es verticalmente. Por lo tanto, si ve un valor del 80% del 20%, puede concluir inmediatamente que la imagen de fondo se cambiará muy a la derecha, pero no disminuirá mucho.

Bueno, finalmente, es posible prescribir una posición en los píxeles. De todos modos, solo en lugar de% habrá PX. En algunos casos, también se puede necesitar dicho posicionamiento.

Grabación abreviada

De acuerdo en que el código es bastante incómodo, si nos fijamos todo lo que hicimos. Resulta, y el camino a la imagen debe ser especificado, y repetición, y la posición. Por supuesto, la repetición y la posición no siempre es necesaria, pero en cualquier caso, será más correcto usar la entrada de propiedad abreviada. Ella se ve así:

fondo: # 333 URL (bg.jpg) sin-repetición 50% 50%;

fondo: # 333 URL (bg.jpg) sin repetición 50% 50%;

Es decir, lo primero que necesita para registrar un color de fondo sólido total, si es necesario. Luego el camino a la imagen, repetición y posición. Si no se necesita algún parámetro, entonces simplemente lo omitimos. De acuerdo, es mucho más rápido y más conveniente, y también reducimos significativamente nuestro código. En general, le aconsejo que registre siempre abreviado, incluso si solo necesita especificar un color o imagen.

Gestiona el tamaño de la imagen de fondo.

Nuestra imagen actual no es muy adecuada para la demostración del siguiente truco, así que tomaré otro. En tamaño, será como un bloque o más de ello. Entonces, imagine que tiene una tarea: haga una imagen de fondo para que complete su bloque no sea completamente. Y la imagen, digamos aún más tamaños de bloques.

¿Cómo puedo hacer en este caso? Por supuesto, la opción más fácil y razonable simplemente reducirá la imagen, pero no siempre es posible hacer esto. Supongamos que se encuentra en el servidor y en el momento no hay tiempo y lo reduce. El problema se puede resolver utilizando la propiedad de tamaño de fondo, que se puede llamar relativamente nuevo y que le permite manipular el tamaño de la imagen de fondo y, de hecho, cualquier fondo.

Entonces, mi foto ahora está cubriendo todo el espacio en el bloque, pero le preguntaré a su tamaño de fondo:

tamaño de fondo: 80% 50%;

fondo - Tamaño: 80% 50%;

Nuevamente, el primer parámetro está configurado para horizontalmente, el segundo es verticalmente. Vemos que todo está aplicado correctamente: las fotos se convirtieron en el tamaño del 80% del ancho del bloque ancho y la mitad en la altura. Aquí solo necesita hacer un refinamiento: establecer el tamaño en porcentaje, puede afectar las proporciones de la imagen. Así que ten cuidado si quiere no perturbar la proporción.

Como puede adivinar, el tamaño de fondo también se puede indicar en píxeles. Todavía hay dos valores de palabras clave que también se pueden usar:

CUBRAR: AQUÍ HAY ACALIENTE PARA UNA FOCUENZA DE PAGA DE TA SEGURIDAD QUE AL MENOS AL MENOS LADO ENTREGA EL BLOQUEO.

Contienen, respaldado para que la imagen se subiera completamente al bloque en el tamaño máximo.

Las ventajas de estos valores son que no cambian las proporciones de la imagen, dejándolas iguales.

También debe comprender que el estiramiento de la imagen puede llevar a un deterioro de su calidad. Puedo dar un ejemplo de la vida y la práctica real de los vesores. Todos saben y entienden que al colocar debajo de los escritorios, debe adaptar el sitio bajo los anchos principales de los monitores: 1280, 1366, 1920. Si toma una imagen de fondo, digamos, 1280 por 200, y no lo especifiquen. -SIBE, luego las pantallas con ancho más habrá un lugar vacío, la imagen no completará el ancho completamente.

En el 99% de los casos, esto no está satisfecho con el desarrollador web, por lo que establece el tamaño de fondo: la cubierta a la imagen siempre se estira al máximo sobre el ancho de la ventana. Esta es una buena recepción que desea usar, pero ahora se encontrará con el problema de que los usuarios con un ancho de pantalla de 1920 píxeles pueden ver la imagen de la calidad no óptima.

Te recuerdo, se extiende hasta el ancho máximo. En consecuencia, la calidad se deteriorará automáticamente. La única solución correcta se utilizará inicialmente para usar una imagen más grande - 1920 píxeles de ancho. Luego, en las pantallas más amplias, estará en su tamaño natural, y en otras, simplemente se cortará lentamente, pero al mismo tiempo, con una selección competente de una imagen de fondo, no afectará la apariencia del sitio. .

En general, este es solo 1 ejemplo de cómo usar el conocimiento que recibió en este artículo, al establecer trenes reales.

Fondo translúcido con CSS

Otro chip, que se puede implementar utilizando el fondo translúcido CSS. Es decir, a través de este fondo, puedes ver qué estar detrás de él.

Por ejemplo, definiré toda la página como una imagen de una imagen que utilizamos anteriormente en los ejemplos. El bloque con el identificador BG, en el que pasamos todos nuestros experimentos, configuramos el fondo utilizando el formato de tareas de color RGBA.

Como ya he dicho anteriormente, hay muchos formatos en CSS para especificar el color. Uno de ellos es RGB, un formato bastante conocido para aquellos que trabajan en editores. Está escrito de la siguiente manera: RGB (17, 255, 34);

El primer significado entre paréntesis está saturado de rojo, luego verde, luego azul. El valor puede ser numérico de 0 a 255. En consecuencia, el formato RGBA no es diferente, solo se agrega otro parámetro: el canal alfa. El valor puede ser de 0 a 1, donde 0 es una transparencia completa.

Hola, querido sitio web de lectores de blogs. Hoy, veremos cinco reglas CSS que le permiten establecer un fondo para cualquier elemento en HTML - Posición de fondo (imagen, repetición, color, accesorio). Bueno, y sobre la regla compuesta, el fondo no se olvidará de mencionar.

Nada es difícil en esto, pero existen ciertas sutilezas y matices que necesita saber y ya está listo para la plantilla (recuerde el Pro, que ayudará a abrir toda la eliminación de cualquier diseño).

Una vez más, le recuerdo que este artículo está incluido en la serie y lo mejor será comenzar a aprender el markup de estilo al principio, a saber, del artículo sobre lo que es CSS y con lo que se come, bueno y luego sigue en el Orden especificado en el directorio. Aunque, en cualquier caso, usted decide, y ahora vamos a hablar de la tarea en el fondo.

Color, color de fondo y imagen - imagen

Veamos primero cómo se establece el color de los elementos HTML utilizando CSS REGLAS COLOR. De hecho, todo es simple. La sintaxis es completamente ordinaria y color, puede configurar de acuerdo con la forma en que se realizó en el idioma del marcado de hipertexto. ¿Cómo recuerda establecer después del signo de celosía (Hesha - "# FE35A3"), o con la ayuda de tres dígitos, si la primera coincide con el valor del segundo, tercero con el cuarto, bien, y el quinto, respectivamente, Con el sexto (código de color "# AA33FF" puede grabar brevemente como "A3F").

Además, los colores en el código HTML y CSS se pueden representar como palabras (por ejemplo, "RED"), pero el código hexadecimal se usa con mayor frecuencia:

Color: # 303

Por ejemplo, pinté este pequeño párrafo al color que está arriba (# 303). Ahora es ligeramente diferente del color de todos los demás párrafos (más oscuros), que se le pregunta como # 555 en el archivo CSS utilizando el tema de WordPress. Pero la tarea de color a través del color es bastante simple, pero con el fondo será un poco más complicado.

Entonces, para el fondo en CSS Responda cinco reglas que, si lo desea, se pueden combinar en un equipo. Para verlos, puede ir a la página de especificaciones del consorcio W3C y buscar allí con un fondo de Word:

1. color de fondo: con esta regla, el color del fondo se establece para cualquier elemento HTML. Puede usar el código o el nombre de la sombra, es decir,. Todo exactamente como fue cuando se usa color.

imagen de fondo: usándolo, puede usar la imagen como fondo como fondo (pero asegúrese de leer sobre eso, ya que las imágenes pesadas se reducirán la carga de la página), la ruta a la que se especificará en la funcionalidad de la URL () .

Si miras a la especificación, verás que fondo de color predeterminado En cualquier elemento habrá una regla transparente (valor predeterminado ": transparente"). Cierto, en los elementos, no será transparente de forma predeterminada, porque Estos son elementos sistémicos y tienen todo lo que se diferencian y difieren de las etiquetas habituales del lenguaje de marcado de hipertexto.

El color en el color de fondo es estándar establecido (seis o tres números de código hexadecimal, o una palabra):

Color de fondo: #fefacde

Por ejemplo, el fondo de este párrafo se da exactamente a través del color de fondo con un código de color ligeramente más alto.

Todas las demás reglas de CSS solo tocarán la imagen de fondo, que se puede especificar para cualquier elemento HTML y, si lo desea, se posiciona con precisión. ¿Qué archivo gráfico se utilizará, puede configurar usando imagen de fondo..

Si observa la especificación del idioma de MarkUp Style, verá que el valor predeterminado "Ninguno" se usa de forma predeterminada (es decir, no se usa ninguna imagen para el fondo). Bueno, si aún se necesita, entonces, en la funcionalidad URL (), deberá especificar la ruta:

Imagen - Imagen: URL (https: //set/image/comment_top_focus.gif);

Por ejemplo, para este párrafo utilicé un archivo gráfico con un fondo, la ruta a la que se describe ligeramente arriba. Usted ve que toda la área asignada a este párrafo fue cubierta con una imagen repetida, que en el original tiene este tipo:

Esos. Cuando se usa solo una regla de imagen de fondo, indicando la ruta al archivo gráfico, esta imagen se multiplicará tanto por vertical como horizontalmente hasta que cubra todo el área asignada en la página web en este elemento HTML en particular (en nuestro ejemplo fue el párrafo ). ¿Por qué está pasando esto?

Fondo-repetición - imagen de fondo repetida

Sí, porque no prescribimos ningún valor para las reglas de CSS. fondo de fondo.Por lo tanto, se utilizará para ello que se utilizará el valor predeterminado. Mirando en la especificación, aprendemos que este valor corresponde a "repetir" (repetir la imagen en todos los ejes). La respuesta fue encontrada por sí mismo.

En consecuencia, utilizando la repetición de fondo que podemos conducción de una imagen de fondo repeticiones. Esta regla solo puede tener cuatro valores:




Posición de fondo - posicionamiento de fondo

Ahora surge la pregunta, y si la imagen de fondo se puede alejar del ángulo superior izquierdo de la región que limita el tamaño del elemento. Por supuesto, es posible, y para este propósito sirve una regla separada. posición de fondo:



Mirando la especificación CSS que se aclara por qué se presiona la imagen de fondo por defecto precisamente al borde superior izquierdo del área HTML del elemento. Debido a que el valor "0% 0%" es predeterminado para la regla de posición de fondo.

Bueno, cuando esta regla se especifica explícitamente para el elemento (como en nuestro caso), el navegador selecciona su significado que se acepta en la especificación predeterminada (observo que el informe de los ejes de coordenadas en CSS se lleva a cabo desde el borde superior izquierdo de la Elemento de la región).

Además, se puede ver en la especificación de que para colocar la imagen del fondo utilizando la posición de fondo, puede usar ambos valores relativos (porcentajes) como a los valores absolutos (por ejemplo,). Bueno, así como usted puede usar palabras que corresponderán a ciertos valores digitales. Pero todo está en orden.

Al especificar el posicionamiento de la imagen del fondo. utilizando unidades absolutas En la posición de fondo, hay un siguiente principio de definir su posición final:

Esos. El navegador calculará los guiones especificados en los ejes X e Y del origen del área en los que el objeto se coloca antes de las coordenadas de esta imagen en sí. Por ejemplo, en este párrafo colocé la imagen de fondo a través de la posición de fondo utilizando las siguientes reglas CSS:

Imagen - Imagen: URL (https: //syt/image/logo.png); Repetición de fondo: sin repetición; Posición de fondo: 400px 25px;

Tenga en cuenta que, en este caso, se alineará en el centro del área de visualización, y no en el centro del área asignada en estos párrafos. Está claro que en realidad, esta colocación de la imagen de fondo es poco probable que encuentre la solicitud.

Sin embargo, si especifica una posición de fondo fija para elementos tales como cuerpo o HTML (es decir, en las etiquetas que cubren toda la página web), entonces esta imagen siempre será visible en el área de visualización y es una aplicación que encuentra CSS el fondo. Propiedad de apego en diseño de bloque moderno.

¿Hay algo más? fondo de regla prefabricada.Lo que le permite combinar las cinco reglas descritas anteriormente en una botella. Además, los valores para los cinco en la versión prefabricada se pueden usar en cualquier orden y en cualquier cantidad (son únicos y el navegador no los confunde entre sí). Todo lo que no especifica explícitamente, el navegador considerará un valor predeterminado igual.

PNG) No-repetir el 50%;

La regla prefabricada que se muestra en el ejemplo se aplica a este párrafo para mayor claridad. Resultó no hermoso, pero no es importante. Para esta sección, se usa el relleno de fondo de un color amarillo extraño, así como la imagen del logotipo de Loyvinternet, alineado en el centro del párrafo. Porque Para la regla de fijación de fondo, no se establece ningún valor, utiliza el valor de desplazamiento (predeterminado).

Si, para algún artículo, desea configurar solo el relleno con color, y con el fondo, la imagen no se molesta, entonces puede que:

Color de fondo: #fefacde

escribir:

Fondo: #fefcde.

Para todo el otro valor de la regla de la recolección se tomará de forma predeterminada, y lo necesitó.

¡Buena suerte para ti! A reuniones ambiguas en el sitio web de páginas del blog

Puedes estar interesado

Estilo de lista (tipo, imagen, posición) - Reglas de CSS para configurar la apariencia de las listas en el código HTML Cómo configurar una alternancia de las cadenas de color de fondo de tablas, listas y otros elementos HTML en el sitio usando NTH-HIGH Pseudoclass
Posición (absoluta, relativa y fija): formas de posicionar elementos HTML en CSS (reglas que quedan, derecha, arriba e inferior)
Flotador y claro en las herramientas de diseño de bloques CSS
Posicionamiento con la regla del cursor de índice Z y CSS para cambiar el cursor del mouse
Acolchado, margen y frontera: le preguntamos en los sangrías internos y externos de CSS, así como a Ramcidl todos los lados (arriba, abajo, izquierda, derecha)
Pantalla (Bloque, Ninguno, Inline) en CSS: especifique el tipo de visualización de elementos HTML en la página web
Prioridades en CSS y su mejora de importantes, combinados y agrupados de selectores, estilos de usuario y derechos de autor
CSS - Qué es, ya que las tablas de estilo en cascada se conectan al código HTML usando estilo y enlace
Selectores de etiquetas, clase (clase), ID y universal, así como atractores de atributos en CSS modernos.

Creo que no hay un sitio único donde la propiedad no se use. Fondo CSS.. ¿Parecería que puede ser más fácil para esta propiedad? Pero no, sus capacidades son mucho más anchas que el propósito habitual de la imagen o el color como fondo de la página. Algo será familiar, y algo seguro se convertirá en una novedad para muchos. En cualquier caso, sabrá a fondo cómo funciona los antecedentes.

CSS3 trajo muchos nuevos, esta es la transparencia, y el propósito de varias imágenes como fondo, pero hablaremos de ello a continuación, y para los inicios, considerar los conceptos básicos de la propiedad. antecedentes..

color de fondo.

Estoy más que confiado: usted ha hecho repetidamente el nombramiento del color del fondo. Puede hacer esto utilizando varios tipos de registros: el registro habitual (nombre de color), hexadecimal o RGB. Cada tipo es equivalente, use lo que más le gusta. Intento usar la opción más corta, y para la percepción más fácil y el archivo de estilos es ligeramente más pequeño que el tamaño.

P (color de fondo: rojo;) p (color de fondo: # f00;) p (color de fondo: # FF0000;) P (color de fondo: RGB (255, 0, 0;))

En CSS3, se introduce el soporte de transparencia, por lo que puede agregarlo a nuestro color, por ejemplo, por lo que:

P (Fondo-color: RGBA (255, 0, 0, 0.5);)

El último dígito ha establecido transparencia del 50%. Puede establecer el valor de transparencia de 0 (fondo completamente transparente) a 1 (completamente opaco).

imagen de fondo.

Esta propiedad también se usa muy a menudo, le permite asignar una imagen al fondo. El CSS3 agregó la capacidad de asignar varias imágenes al fondo, y cada una crea una capa peculiar, por lo que cada una subsiguiente se superpone en la anterior. ¿Por qué puede esto ser útil? Todo es bastante simple: digamos, necesitas sujetar las juncas en cada una de las esquinas del sitio. Sujeto a un diseño de goma más o menos, use una imagen no es una opción. Por lo tanto, hacemos 4 "capas", cada imagen se mueve a su esquina y en ella todo, la tarea se resuelve

Cuerpo (imagen1), URL ("imagen2"), URL ("Image3"))

Si necesita asignar una imagen en el fondo, en el código, solo nos vamos primero, creo que es comprensible.
Usando cualquier imagen como fondo, se deben recordar dos reglas:

• establezca el fondo de contraste del fondo en caso de que el usuario por alguna razón no aparezca la imagen. Puede deshabilitar la visualización de las imágenes, ahorra tráfico.
• no utilice la imagen de fondo para transferir ninguna información importante. Debido a lo anterior, el usuario puede no ver.

El soporte para múltiples imágenes para el fondo es bastante amplio. Todos los navegadores, incluso IE8, apoyan esta propiedad.

Breve información

VERSIONES CSS.

Valores

URL La ruta al archivo gráfico se usa como un valor, que se especifica dentro del diseño URL (). La ruta al archivo se puede escribir tanto en comillas (doble o individual), y sin ellos. Ninguno cancela la imagen de fondo para el elemento. Heredar herede el valor del padre.

HTML5 CSS2.1 IE CR OP SA FX

Modelo de objeto

document.getelementbyid ("elementid") .style.backgroundimage

Navegador

Internet Explorer a la versión 7.0 aplica inclusive el fondo a la parte interna del límite del elemento, que tiene la propiedad Haslayout. Si el elemento no tiene hasLayout, la propiedad de la imagen de fondo tendrá en cuenta los límites del elemento, al igual que el especificado en la especificación. La diferencia en el mapeo será notable si los bordes de puntos (discontinuados o punteados), y no sólidos.

Si el valor se establece como Scroll o Auto para un elemento, en Internet Explorer 8 habrá un retraso vertical en un píxel al desplazarse del fondo.

Internet Explorer antes de la versión 7.0 no es compatible con el valor heredado.

Si el fondo se establece para la fila de la tabla (etiqueta ), luego, Chrome, Safari, iOS lo reflejan, no se le prescribió la especificación, a saber, para cada celda por separado. Mientras que el navegador debe mostrar un fondo de una sola pieza para toda la fila. En el Ejemplo 2, el código muestra un error.

HTML5 CSS2.1 IE CR OP SA FX

1

2

3

El resultado de este ejemplo en el navegador Chrome se muestra en la FIG. 1. Internet Explorer, el navegador de Opera y Firefox muestre correctamente el fondo para la cadena (Fig. 2).

Higo. 1. Repetición de fondo para cada celda.

Higo. 2. Fondo para toda la fila.