Cómo añadir fondo y marco de color a un párrafo

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en trucos blogger. ! Ve la entrada en su blog original.

Añadiendo marco y fondo en color a los párrafos

Te voy a enseñar algo fascinante, algo que es muy sencillo y a su vez muy emocionante... con sólo unos poquitos pasos puedes hacer que tus párrafos queden como este que estás leyendo ahora, con un lindo fondo, un marco... en fín, ¡te quedará en una cajita! ;-)Para aprender a realizar el truquillo sigue los pasos...

Primero ve a una entrada en la que quieras aplicar el marco y el fondo.

Pegas este código en la entrada, pero en la parte de Edición de HTML, justo al lado de donde se escribe el título.

<p style="border: 2px solid #3e9efe; padding: 10px; background-color: rgb #80bfff; color: black; font-family: arial,helvetica; font-size: 14px; font-weight: bold;">AQUI VA EL TEXTO</p>

Puedes cambiarle los colores (están como en el cuadro que te mostré) y ponerle los que más te gusten, y también puedes cambiar el grosor del borde...

border: 2px solid #3e9efe; es la etiqueta del borde, en 2px puedes poner el grosor que quieras. En solid, puedes poner el estilo que desees (está en normal, sólido) por ejemplo: dashed, dotted... En #3e9efe pones el color que quieras para el borde (el que está puesto es azúl oscuro).

background-color: rgb #80bfff; de es la etiqueta del fondo, puedes cambiar el color de fondo borrando la línea: #80bfff y poniendo el color que quieras.

*Si no sabes de dónde conseguir el código de los colores, puedes conseguirlos en la tabla de colores.