Cajas para entradas de blogger con html

Hola Aladitos! Como ya saben esta sección fue creada para dar mi experiencia con blogger y el html, lo que mas me gusta usar son las cajitas así que acá traigo un tutorial sobre estas cajitas que hacen las entradas mas lindas :D *creo que se llaman cajas contenedoras*

De estas cajitas estoy hablando :D 


Crear entrada > Cambiar vista a HTML > Pegamos el siguiente código:

<div style="background: #c8e6dc; border-bottom: 2px dotted #b7a6d0; border-left: 6px solid #68318f; border-right: 2px dotted #b7a6d0; border-top: 2px dotted #b7a6d0; padding: 5px; text-align: center; width: 300px;">
El texto que queremos que quede dentro de la cajita</div>

Violeta: Cambiar los colores de la cajita. El primero es el fondo & los demás los bordes. 
*Codigos de colores HTML*
Azul: Grosor, esto lo cambian si quieren mas o menos grosor, entre mas grande el numero mas gruesa la linea.
Rojo: El ancho de la cajita, mientras mas grande el numero mas ancha la caja.
Verde: Tipo de borde.
Cambias la palabras resaltada por cualquiera de estas & listo.
















No es un código difícil así que espero que se animen a modificarlo a su gusto! :D