IMÁGENES CON DIV

CON DIV

SÓLO CÓDIGO DE LAS IMÁGENES




CON DIV Y SALTO DE LÍNEA

IMAGEN CON TEXTO

TEXTO DE PRUEBA

MARQUESINA HACIA ARRIBA

Esta es una marquesina con el texto en azul y el fondo amarillo y que se desplaza hacia arriba.

CAMBIOS EN LAS PROPIEDADES DEL LINK

Cambios que afectan a todos los enlaces:

Enlace para ver el efecto


Cambios definiendo una clase en rojo y negrita para este enlace:


Enlace para ver el efecto clase en rojo y negrita


Cambios con un identificador azul y negrita:

Enlace para ver el efecto id en azul y negrita

ATRIBUTO STYLE Y CSS

Atributo style:

Caja de 200px x 200px

Con CSS:

Caja con estilo

MODIFICACIÓN PLANTILLA HTML

Se ha añadido:
* en la linea 567, línea bajo el título
.post-title { border-bottom: 3px solid #3D7EB7; }

* En la línea 568, línea por encima del pié
.post-footer { border-top: 3px solid #3D7EB7; }

* Modificación de la línea 568, fondo del pié de color
.post-footer { border-top: 3px solid #3D7EB7; background: #efefff;  }

* Línea 569, caja

* Línea 577
a:hover {
    color: orange;
    font-style: italic;
}

CSS: TEXTO

PRUEBA DE COLOR DE TEXTO EN AZUL

PRUEBA DE COLOR DE TEXTO EN AZUL Y DE FONDO EN GRIS