Tecnología

Inicio

¿Cómo puedo dejar de repetir patrones de fondo en Chrome y Safari?

May 19

Google Chrome y navegadores web Safari de Apple leen Hypertext Markup Language (HTML) y la hoja de estilo en cascada de un documento (CSS) para determinar cómo representar los elementos de una página web. HTML y CSS usan el atributo "fondo" para mostrar una imagen de fondo en una página, pero CSS proporciona un mayor control sobre cómo aparece la imagen. Cuando el uso de HTML, el patrón de fondo se repite a lo largo tanto del eje X e Y de forma automática, pero con CSS se puede agregar código para evitar que el modelo del fondo de la repetición en cualquiera de los ejes.

Instrucciones

1 Introduzca lo siguiente en el HTML en entre el "<head>" y "</ head>" etiquetas:

<Style>
cuerpo {
}
</ Style>

2 Inserte el "Imagen de fondo:" y "background-repeat:" atributos de entre las llaves rizados:

cuerpo {
imagen de fondo:
background-repeat:
}

3 Eliminar "fondo URL =" de la etiqueta <body> en el código HTML - con "URL" que representa la dirección de enlace a la imagen de fondo - en su caso. Agregue lo siguiente a "Imagen de fondo":

Imagen de fondo: url ( "URL");

Reemplazar "URL" con la dirección web que une a la imagen de fondo que desee.

4 Inserte el siguiente para "background-repeat":

background-repeat: no-repeat;

5 Compruebe que su código sea idéntica a la siguiente y guarde el archivo para poner fin patrones de fondo de repetir en Chrome y Safari:

<Head>
<Style>
cuerpo {
Imagen de fondo: url :( "URL");
background-repeat: no-repeat;
}
</ Style>
</ Head>

Consejos y advertencias

  • También puede utilizar la abreviatura para codificar el fondo, como se muestra en el ejemplo siguiente:
  • <Style>
  • cuerpo {
  • background: url ( "URL") no-repeat;
  • }
  • </ Style>