Cosas sencillas para el Blog: Enmarcar y Resaltar

Enmarcar y Resaltar un texto es muy sencillo y con un código corto al que se le puede sacar mucho rendimiento y variedad. 
En esta imagen podeís ver alguna de las variaciones.

AQUÍ VA EL TEXTO EN ROJO

1ª Variación: Es el borde, 1px el número uno en rojo es el que podemos cambiar según queramos poner el grueso del borde, si ponéis cero no tiene borde y a medida que aumentéis el número, así será el grueso del borde.

<form style="border: 1px solid rgb(0;0;0); background: none repeat scroll 0% 0% rgb(243;239;236); padding: 10px 10px 10px;"><font size=+0 color=#c00000>AQUÍ VA EL TEXTO EN ROJO</font></form>

2ª Variación: Es el color del borde, 0;0;0 Lo podéis cambiar por cualquiera de vuestro gusto. Os dejo abajo dos enlaces para los colores. Si no ponéis nada, no aparece el marco.

<form style="border: 1px solid rgb(0;0;0); background: none repeat scroll 0% 0% rgb(243;239;236); padding: 10px 10px 10px;"><font size=+0 color=#c00000>AQUÍ VA EL TEXTO EN ROJO</font></form>

3ª Variación: Es el color de fondo del marco, 234,239,236 estos números son el color. Os dejo abajo dos enlaces para los colores. Si no ponéis nada, no aparece el fondo.

<form style="border: 1px solid rgb(0;0;0); background: none repeat scroll 0% 0% rgb(243, 239, 236); padding: 10px 10px 10px;"><font size=+0 color=#c00000>AQUÍ VA EL TEXTO EN ROJO</font></form>

4ª Variación: Es la situación del texto dentro del marco, 10px 10px 10px, con estos números, por mucho que escribáis, el texto siempre estará alejado del borde diez px.       

<form style="border: 1px solid rgb(0;0;0); background: none repeat scroll 0% 0% rgb(243, 239, 236); padding: 10px 10px 10px;"><font size=+0 color=#c00000>AQUÍ VA EL TEXTO EN ROJO</font></form>

5ª Variación: Es para poner color al texto, Si quitáis esta parte del código,  <font size=+0 color=#c00000>AQUÍ VA EL TEXTO EN ROJO</font> y la cambiáis por vuestro texto, este aparecerá en el marco directamente en negro.

<form style="border: 1px solid rgb(0;0;0); background: none repeat scroll 0% 0% rgb(243, 239, 236); padding: 10px 10px 10px;"><font size=+0 color=#c00000>AQUÍ VA EL TEXTO EN ROJO</font></form>

6ª Variación: Es para cambiar el color al texto,  c00000 estos números son el color. Os dejo abajo dos enlaces para los colores. Si no ponéis nada, no aparece el texto.                        

<form style="border: 1px solid rgb(0;0;0); background: none repeat scroll 0% 0% rgb(243, 239, 236); padding: 10px 10px 10px;"><font size=+0 color=#c00000>AQUÍ VA EL TEXTO EN ROJO</font></form>

7ª Variación: Es para cambiar el tamaño del texto, 0 según qué número pongas aumenta el tamaño del texto, el cero es tamaño estándar.  

   <form style="border: 1px solid rgb(0;0;0); background: none repeat scroll 0% 0% rgb(243, 239, 236); padding: 10px 10px 10px;"><font size=+0 color=#c00000>AQUÍ VA EL TEXTO EN ROJO</font></form>

Por el tamaño del marco, no os preocupéis, se ajusta automaticamente al sitio donde lo pongáis.

AQUÍ VA EL TEXTO EN ROJO

http://www.w3schools.com/Html/html_colors.asp

http://web.njit.edu/~kevin/rgb.txt.html

Si te gustó esta entada quizás quieras promocionarla votando en:
Recuerda que este blog es para ti, si tienes alguna sugerencia o petición envíame un mensaje a: instalandojuegos@gmail.com
Si es algo sobre la entrada, dímelo en sus comentarios, o en el chat, será mas rapido.