Imágenes con CSS Y HTML

En esta entrada se muestra una tabla con diferentes bordes e imagenes, la cual ha sido realizada con los programas CSS y HTML.

Lo primero es poner en una página HTML lo siguiente:

captura-de-pantalla-de-2017-01-11-134117

El “link rel=”  varía según como se guarde la página de CSS, en mi caso la he guardado como “estilohtml8”.

A continuación en una página CSS se pone lo que se muestra en la siguiente imagen:

Captura de pantalla de 2017-01-11 13:36:16.png

Los enlaces de “background-image“, pueden ser los que cada uno quiera y según éstos enlaces saldrán unas imagenes u otras.

Se han utilizado las siguientes etiquetas:

width: para la anchura del cuadradado

height: para la altura del cuadrado.

background-size: para la altura y anchura de la imagen.

border: para el filo de los cuadrados. Se pone primero el estilo del borde del cuadrado (rayas,liso..), después el color del que queremos que sea y por último el tamaño del borde.

background-position: para situar la imagen.

background-repeat: para que se repita la imagen de una forma u otra.

Después de poner todo lo anterior en CSS, se abre la página de HTML y debe salir lo siguiente:

Captura de pantalla de 2017-01-11 13:35:59.png

 

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. 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 )

Google+ photo

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

Conectando a %s