En este artículo, veremos la propiedad utilizada para configurar la imagen de fondo de un elemento en CSS. La imagen de fondo se puede configurar usando la propiedad background-image que se usa para configurar una o más imágenes de fondo para un elemento.
Sintaxis:
element_selector {
background-image: url('url')|none|initial|inherit;
}
Ejemplo 1: este ejemplo ilustra la propiedad de imagen de fondo al establecer el valor de URL.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
background-image property
</title>
<style>
body {
background-image: url(
"https://media.geeksforgeeks.org/wp-content/uploads/20220617064350/color.jpg");
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h3>Setting the Background-image for an element</h3>
</body>
</html>
Producción:
Ejemplo 2: este ejemplo ilustra la propiedad de imagen de fondo estableciendo el valor de URL con la inicial que establece la propiedad en su valor predeterminado.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
CSS background-image property
</title>
<style>
body {
background-image: url(
"https://media.geeksforgeeks.org/wp-content/uploads/rk.png") initial;
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<center>
<h1>GeeksforGeeks</h1>
<h3>
Setting the Background-image for an element
</h3>
<h3>
CSS background-image:"url" initial;
</h3>
</center>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por abhishekpal97854368 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA