La propiedad de fondo CSS se utiliza para definir los efectos de fondo en el elemento. Hay 5 propiedades de fondo CSS que afectan a los elementos HTML:
tabla hash java
- color de fondo
- imagen de fondo
- repetición de fondo
- archivo adjunto de fondo
- posición de fondo
1) color de fondo CSS
La propiedad color de fondo se utiliza para especificar el color de fondo del elemento.
Puedes configurar el color de fondo de esta manera:
¿Qué es el módulo en C++?
h2,p{ background-color: #b0d4de; } <h2>My first CSS page.</h2> <p>Hello Javatpoint. This is an example of CSS background-color.</p>Pruébalo ahora
Producción:
Mi primera página CSS.
Hola Javatpoint. Este es un ejemplo de color de fondo CSS.
2) Imagen de fondo CSS
La propiedad background-image se utiliza para establecer una imagen como fondo de un elemento. Por defecto, la imagen cubre todo el elemento. Puede configurar la imagen de fondo para una página como esta.
body { background-image: url('paper1.webp'); margin-left:100px; }Pruébalo ahora
4) Archivo adjunto de fondo CSS
La propiedad background-attachment se utiliza para especificar si la imagen de fondo es fija o se desplaza con el resto de la página en la ventana del navegador. Si configura la imagen de fondo como fija, la imagen no se moverá durante el desplazamiento en el navegador. Tomemos un ejemplo con una imagen de fondo fija.
golpe si no
background: white url('bbb.webp'); background-repeat: no-repeat; background-attachment: fixed;Pruébalo ahora
5) Posición de fondo CSS
La propiedad de posición de fondo se utiliza para definir la posición inicial de la imagen de fondo. De forma predeterminada, la imagen de fondo se coloca en la parte superior izquierda de la página web.
Puede establecer las siguientes posiciones:
- centro
- arriba
- abajo
- izquierda
- bien
background: white url('good-morning.webp'); background-repeat: no-repeat; background-attachment: fixed; background-position: center;Pruébalo ahora