.post-body:first-letter { float:left; color: #333333; font-size:100px; font-family:none; line-height:80px; padding-top:1px; padding-right:5px; } font-style: italic; } span.letracapital{ float: left; font-size: 40px; line-height: 35px; /* Dobla el alto de linea menos 1 pixel */ font-family: Georgia, "Times New Roman", Times, serif; color: #2583ad; /* Azul */ padding-right: 5px; } -->

Recent Posts

Separadores de textos o párrafos

16 may 2016

Para separar tanto textos como párrafos, podemos usar una línea horizontal dándole nosotros tanto el tamaño como el grosor de la misma.

Las etiquetas que vamos a usar son <hr> y esta etiqueta no es necesario cerrar.
Además la podemos dar un aspecto definido con unaserie de parámetros
Size: es el grosor que vamos a dar a la línea



<hr size="20"/>                                                                     <hr size="2"/>   

Esto quedaría así


También podemos dar otro parámetro a nuestra línea que es:
Width: y está será la anchura que queremos que ocupe nuestra franja.
En el caso de no poner esta etiqueta, será predeterminada del 100% de nuestra página, pero si queremos que solo ocupe un 50% escribiremos esto:

<hr width="50%"/>                                                                      
Esto quedaría así


Muchos navegadores hacen que nuestra franja tenga sombra 3D.

Para que la franja sea simple solo tenemos que añadir el parámetro "noshade".
Además de todo esto podemos hacer que queda alineada a un lado, a otro o centrada. "align"
"align=center" para el centro, "align=right" para la derecha, "align=left" para la izquierda.

Y por último también la podemos dar color con la etiqueta "color" por ejemplo vamos a poner el color rojo
<hr=color"#FFFFFF"/>

Ahora vemos ha hacer una franja de grosor 2, ancho 80% sin sombra, alineada a la derecha,.



<hr size=2 width=80% noshade="noshade" align=right />  

No hay comentarios:

Publicar un comentario

Deja tu comentario y en breve te contestaremos