Breaking

Post Top Ad

Your Ad Spot

martes, 7 de mayo de 2019

Código de background CSS

Puedes usar CSS para agregar efectos de fondo a cualquier elemento HTML.
Los siguientes códigos de fondo de CSS muestran las diversas propiedades de CSS que puede usar para diseñar el fondo de cualquier elemento HTML.

Color de fondo CSS

Para establecer el color de fondo de un elemento, use la background-colorpropiedad.
<! DOCTYPE html>
< título > Ejemplo </ título >
< estilo >
  div {
    relleno : 20px ;
    color de fondo : amarillo ;
  }
</ estilo >
Al aire libre
< div >
  Este 'div' tiene un color de fondo aplicado.
</ div >

Imagen de fondo CSS

Para agregar una imagen de fondo a un elemento, use la background-imagepropiedad.
<! DOCTYPE html>
< título > Ejemplo </ título >
< estilo >
  div {
    relleno : 70px ;
    imagen de fondo : url ( "/pix/samples/bg2.png" );
  }
</ estilo >
Al aire libre
< div >
  Este 'div' tiene una imagen de fondo aplicada.
</ div >

Repetir fondo CSS

Determina si la imagen de fondo se repite (azulejos) o no. Para información sobre los valores posibles, ver background-repeat.
<! DOCTYPE html>
< título > Ejemplo </ título >
< estilo >
  div {
    relleno : 70px ;
    imagen de fondo : url ( "/pix/samples/bg2.png" );
    repetición de fondo : no repetición ;
  }
</ estilo >
Al aire libre
< div >
  La imagen de fondo no se repite.
</ div >

Posición de fondo CSS

Determina la posición de la imagen de fondo. Para más información, ver background-position.
<! DOCTYPE html>
< título > Ejemplo </ título >
< estilo >
  div {
    relleno : 70px ;
    imagen de fondo : url ( "/pix/samples/bg2.png" );
    repetición de fondo : no repetición ;
    posición de fondo : 100px ;
  }
</ estilo >
Al aire libre
< div >
  La imagen de fondo se coloca a 100 píxeles desde la izquierda.
</ div >

Archivo adjunto de fondo CSS

Determina si la imagen de fondo se desplaza o no con el contenedor exterior. Para más información, ver background-attachment.
<! DOCTYPE html>
< título > Ejemplo </ título >
< estilo >
  div {
    relleno : 70px ;
    altura : 70px ;
    ancho : 150px ;
    imagen de fondo : url ( "/pix/samples/bg2.png" );
    desbordamiento : auto ;
    adjunto de fondo : fijo ;
  }
</ estilo >
Al aire libre
< div >
  La imagen de fondo es fija, no se desplaza con su contenedor exterior. Este ejemplo utiliza la propiedad de desbordamiento de CSS para forzar que el cuadro se desplace cuando hay demasiado texto para caber en el cuadro.
</ div >

Código de taquigrafía

Puede utilizar la propiedad de fondo para establecer todas las propiedades de fondo a la vez. Para más información, ver background.
<! DOCTYPE html>
< título > Ejemplo </ título >
< estilo >
  div {
    relleno : 70px ;
    altura : 70px ;
    ancho : 150px ;
    fondo : url ( "/pix/samples/bg2.png" ) repetición  corregida ;
    desbordamiento : auto ;
  }
</ estilo >
Al aire libre
< div >
  Esta etiqueta de párrafo ha sido estilizada usando la propiedad 'fondo', que es una abreviatura para configurar múltiples propiedades para un elemento HTML.
</ div >

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas