IMAGENES EN CSS y HTML

 

El pase de diapositivas requiere JavaScript.

A continuación se mostará una entrada en la que he creado un CSS con imagenes.

Los pasos que he seguido son:

1-Crear dos nuevos documentos, uno en CSS y otro en HTML, enlazandolos con un link.

2-Seguidamente hecompuesto el documento de HTML, con el digito”Div class”y creando 3 bloques que darán lugar a los apartados que ocuparán las 3 imágenes.

3-Como tercer paso y uno de los más importantes, enlacé con el correspondiente link el CSS y HTML.

4-Ahora pasamos al CSS. Aquí, compuse tres bloques a los que les añadí los comandos correspondientes para crear y decirdir que color ponerle al borde, anchura,forma etc…

4-A continuación mostraré lo que significan cada comando de los que utilicé en cada bloque:

·BORDER: para decidir que color tendrá el borde de la imágen, en mi caso he utilizado los colores fuchsia (rosa), yellow (amarillo) y blue (azúl).

·WIDTH: para la anchura del bloque.

·HEIGHT: para la altura del bloque.

·BACKGROUND-IMAGE:para insertar el link de la imagen que queramos poner.

·BACKGROUND-POSITION:para decidir que posicion tendrá la imagen dentro del hueco.

·BACKGROUND-REPEAT: para repetir la imágen según la forma que queremos que tome, por ejemplo mosaico.

·BACKGROUND-SIZE: para elegir el tamaño del borde que rodeará nuestra imágen.

 

Anuncios

Responder

Por favor, inicia sesión con uno de estos métodos para publicar tu comentario:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s