Fondos – Aprenda HTML – Tutorial interactivo gratuito de HTML

por

Las propiedades de fondo de CSS se utilizan para definir los efectos de fondo de los elementos.

Propiedades de fondo CSS:

  1. color de fondo
  2. imagen de fondo
  3. repetición de fondo
  4. posición de fondo

1.Background-color: la propiedad especifica el color de fondo de un elemento.

<!DOCTYPE html>
<html>
     <style>
   body {background-color: }
   </style>
    <body>
        <p>Hello, World!</p>
    </body>
</html>

  • El color de fondo también puede estar en

    (párrafos),

    (encabezados) y

    (divs).

  • Imagen de fondo: la propiedad especifica una imagen para usar como fondo de un elemento.

    ¡Hola Mundo!

  • Repetición de imagen de fondo: la propiedad repite una imagen tanto horizontal como verticalmente.

    ¡Hola Mundo!

* Sugerencia: para repetir una imagen verticalmente, configure background-repeat: repeat-y;.

Para mostrar la imagen solo una vez, configure background-repeat: no-repeat;.

Si desea que su imagen de fondo cubra toda la página, configure background-size: cover;.

  1. Posición de la imagen de fondo: la posición de la imagen se especifica mediante la propiedad .

    ¡Hola Mundo!

Ejercicio

Deja un comentario