En muchos foros, webs y blogs vemos continuamente textos resaltados sobre cuadros de colores, como este:
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:
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.
Muchas gracias! Me ha resultado muy útil esta información, sencilla y al grano. Ya tengo el recuadro que quería en mi blog 🙂
Muchas gracias, ha funcionado a la perfección. Las entradas de mi blog me gustan muchísimo más. Saludos.
Hola Carme! Nos alegra haberte podido ayudar, para eso estamos aquí.
Gracias pero yo queria ¿Cuál es el propósito de poner un texto en un cuadro verde
Hola Carmen, el propósito es muy sencillo: diferenciarlo del resto de texto del propio artículo.