14 ene 2017

CSS 1: PONER UNA LÍNEA DEBAJO DEL TÍTULO DEL POST

CREAR UN BLOG CON LA PLANTILLA BÁSICA DE BLOGGER, PARA VER BIEN LAS MODIFICACIONES QUE VAMOS A IR HACIENDO



Para añadir una línea subrayando el título de cada post, incluimos el código CSS .post-title directamente en el código HTML de la plantilla, delante de: ]]></b:skin>.  La modificación se define con el siguiente código:

    .post-title {
    border-bottom: 3px solid #3D7EB7;
    }

La propiedad border define un borde alrededor del texto en distintas posiciones: border-top (arriba), border-left (izquierda), border-right (derecha) y border-bottom (debajo).

El valor de la propiedad border se define con tres parámetros: el grosor de la línea en pixeles, el estilo de la línea y el color en código hexadecimal. Para nuestro ejemplo, definimos una única línea debajo del texto, con un grosor de 3px, continua y de color azul.




Práctica adaptada de la web Curso Redes Sociales


Licencia de Creative Commons
Informática Bachillerato de Elena Monasterio-Huelin, está bajo una licencia de Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 España