relojes blogs

29.3.12

Etiqueta "Fieldset" y "Legend" Para Enmarcar Textos


Comparte esta historia en:
No hay duda que resaltar determinadas lineas sobre todo en las entradas del blog, enriquece y la vez permite dirigir al usuario hacia el contenido mas importante.


Hay muchas maneras de hacerlo, pero una muy fácil y efectiva es usando la etiqueta "Fieldset", con la cual podrás destacar mediante un marco un determinado párrafo del artículo, además podemos añadirle fondo, colores de marco, etc...

Esta sería la manera sencilla

AQUI EL TEXTO QUE QUEREMOS RESALTAR

Y el código sería este:
<fieldset> AQUI EL TEXTO QUE QUEREMOS RESALTAR </fieldset>

Ahora le podemos añadir la etiqueta "legend" para poner título

Quedaría así:

TÍTULO AQUI EL TEXTO QUE QUEREMOS RESALTAR

Y su código sería:
<fieldset>
<legend> TÍTULO </legend> AQUI EL TEXTO QUE QUEREMOS RESALTAR
</fieldset>

Pero si queremos darle un poco mas de estilo y elegancia lo podremos hacer utilizando la etiqueta style="AQUI ATRIBUTOS;" antes del cierre de <fieldset>

Estos son algunos de los atributos mas usados

width: 100px ==> Para definir el ancho del enmarcado.
heigth: 80px ==> Para definir el alto del enmarcado.
font-size:17px ==> Para definir el tamaño del texto
background: url(URL DE LA IMAGEN) repeat ==> Para insertar una imagen de fondo.

Recuerda separarlos por punto y coma (;)

Es todo, hasta la siguiente

0 Comentarios :

¿Quieres comentar algo?




Estado del blog

entradas
comentarios
1.467 followers
168 seguidores
 días online



Comentarios recientes

 
© Copyright 2009 - 2015 | Contacto | Seguir este blog | Sobre mi | Facebook | Twitter | LinkedIn | Mapa del sitio | Tienda | Conversor | RSS |

@duque71 2015