En este artículo, colocamos la imagen en segundo plano usando la propiedad CSS. La propiedad background-image se utiliza para establecer una o más imágenes de fondo en un elemento. Por defecto, coloca la imagen en la esquina superior izquierda. Para especificar dos o más imágenes, separe las URL con una coma.
Sintaxis:
background-image: url("url");
Valor de la propiedad: contiene la URL de una imagen que desea utilizar como imagen de fondo.
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to set background-image for
the body element using CSS ?
</title>
<style>
body {
background-image: url(
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/CSS.png");
text-align: center;
}
</style>
</head>
<body>
<h1 style="color: white;">
GeeksforGeeks
</h1>
<h3>
Set background-image for
the body element
</h3>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome 1.0
- Borde 4.0
- Firefox 1.0
- Ópera 3.5
- Safari 1.0