Cuadros de texto con colores

En muchos foros, webs y blogs vemos continuamente textos resaltados sobre cuadros de colores, como este:

Este texto queda mucho mejor sobre este cuadro amarillo.

Cómo se hace? Es muy sencillo, simplemente tenemos que pegar este código donde queramos y cubrir las 2 partes necesarias, que resalto en rojo:

<div style=”padding:12px;background-color:#COLOR;line-height:1.4;”>
PEGA AQUÍ TU TEXTO
</div>

El texto que queráis, de la longitud que queráis… no hay problema, el cuadro se adaptará al contenido. Y en color, tenemos que escoger qué color queremos que tenga el cuadro, pero en código Hexadecimal.

No sólo se puede poner el cuadro en color amarillo pastel como los de arriba. En esta web tenéis un completo listado de colores y códigos para este propósito: http://www.december.com/html/spec/color.html

Todo lo que escribamos antes o después de las etiquetas <div> no estará dentro del cuadro de color.

A partir de ahora, cualquier texto que queráis resaltar, podéis hacerlo sin tener que recurrir a las negritas, cursivas y subrayados… ya tenéis una nueva herramienta a vuestra disposición, y con un catálogo de colores infinito.

Es válido tanto para blogs de WordPress.com o .org y para Blogger, y cualquier otro servicio que permita lenguaje HTML sencillo.

6 Comentarios

Deja una respuesta

Tu dirección de correo electrónico no será publicada.