Como poner fondo a un div/section desde css

Para poner un fondo en este caso una imagen de fondo a un elemento div debemos tener en cuenta

que la llamada a la imagen debe ser realizada desde el nivel del arhivo .css que se esta importando

en la determinada pagina .html, alguna veces este es un error comun el colocar la ruta de la imagen

en el archivo .css pero teniendo en cuenta el nivel de la pagina .html en la cual se esta importanto dicho archivo

.css para poder mostrar la imagen de fondo.

ejemplo:

si tienes una carpeta con tu pagina web llamada miweb dentro de ésta carpeta tienes un archivo index.html

y dos carpetas una llamada estilos y la otra imagenes y dentro de estilos tienes estilo1.css y dentro de

imagenes tienes imagen1.jpg y dentro de la pagina index.html incluyes el archivo estilos1.css, para ponder

la imagen imagen1.jpg de fondo a una etiqueta div con id=”barnner1″; entonces en el archivo estilo1.css debe

haber algo como esto:

#barnner1{
width:800px;  //ancho del div
height:100px; // alto del div
position:relative; // posicion de la imagen
background-image:url(“../imagenes/imagen1.jpg”); // ruta de la imagen, como pueden ver se pone ../ porque se toma el nivel del archivo estilo1.css y no desde el nivel index.html
background-repeat: no-repeat; // para que la imagen no se repita
}