Tecnología

Inicio

Cómo agregar una imagen a un archivo CSS

Cómo agregar una imagen a un archivo CSS


CSS o Cascading Style Sheet, a menudo se utiliza para definir el estilo de un sitio web. Dentro del código CSS contiene el diseño de un sitio, estilos de fuente y temas de color. Otro uso común de CSS es la definición de la imagen de fondo dentro del sitio. Una imagen de fondo se define en CSS se puede utilizar para el diseño de un tema del sitio, o también puede ser usada para permitir para el texto para ser colocado en la parte superior de una imagen tal como en cabeceras de la bandera.

Instrucciones

1 Abra su archivo CSS en el Bloc de notas.

2 Agregue el siguiente código CSS:

.encabezamiento{

background-image: URL(image/yourimage.gif);

}

Reemplazar "imagen / yourimage.gif" con el nombre de la ruta donde se encuentra el archivo de imagen.

3 Utilizar el CSS en el código HTML mediante la especificación de la "cabecera" que la clase. Por ejemplo:

<Div class = "header"> contenido de la cabecera aquí </ div>