Tecnología

Inicio

Cómo hacer que el fondo Alinear en la parte inferior en CSS

Cómo hacer que el fondo Alinear en la parte inferior en CSS


Una hoja de estilo en cascada (CSS) es una regla escrita que determina cómo una página Web aparece a un usuario de la web. Los diseñadores Web utilizan las reglas CSS para diseñar la apariencia de los contenidos de sus páginas web. Una de estas reglas es conocida como la propiedad background-position. La propiedad background-position se establece la posición de la imagen de un fondo de un elemento de página Web.

Instrucciones

1 Crear una regla CSS para su elemento de la página web, y adjuntar la imagen de fondo. Por ejemplo, este ejemplo podría colocar un archivo .gif como el fondo para el elemento del cuerpo de su página web:

cuerpo
{
Imagen de fondo: URL ( 'yourBackgroundImage.gif');
}

2 Incluir la propiedad background-position en la regla CSS para su elemento. Por ejemplo, para establecer una imagen de fondo para alinearse con la parte inferior del elemento del cuerpo de su sitio web, debe incluir la propiedad background-position en la regla del elemento del cuerpo como se ve en este ejemplo:

cuerpo
{
Imagen de fondo: URL ( 'yourBackgroundImage.gif');
background-position: parte inferior central;
}

3 Seleccione el valor de la propiedad de su elección. Cuando su escriba su regla CSS, debe asignar un valor a la propiedad background-position. Usted puede optar por utilizar simplemente el valor de la propiedad "de abajo". Esto tendrá el efecto de alinear la imagen de fondo con la parte inferior del elemento. También hay tres valores de propiedad de dirección que se alinean el fondo con la parte inferior del elemento. Estos son los "de abajo a la izquierda", los valores de característica central de fondo "" abajo a la derecha "y". En el ejemplo anterior, se utiliza el valor de la propiedad "centro inferior". Esto alineará la imagen para el centro y la parte inferior del elemento de cuerpo de la página Web.

4 Aplicar el valor de la propiedad a la propiedad background-position. Una vez que decida sobre el valor de la propiedad adecuada, escribir este valor en la regla CSS de acuerdo con el ejemplo anterior.

5 Aplicar otros valores de las propiedades según sea necesario. La propiedad background-position aceptará otros valores de propiedades, que le permiten al estilo de posicionamiento del fondo de varias maneras diferentes, incluyendo el posicionamiento del fondo en un lugar fijo y repitiendo el fondo a lo largo de un eje horizontal o de un eje vertical. El World Wide Web Consortium ha publicado un conjunto de normas que describe estos valores de propiedades adicionales.