Caja De Texto Con Color

Hola!,

Aquí les traigo una pequeña celda, es simple pero útil.

Vista previa:



Aquí les dejo los códigos:

Código css:

<style type="text/css">
body
.container
{
text-align:center;
}
.msgbar
{
border: 1px solid #003aff;
margin-left:auto;
margin-right:auto;
width:90%;
background-color:#e5f7ff;
text-align:left;
padding:5px 8px;
}
</style>

Lo que esta de color:

Verde: Es el borde de la celda, le pueden cambiar el tamaño modificando lo siguiente, lo que esta en "Negrita":

"border: 1px]"

Y también le pueden cambiar el color, cambiando lo siguiente, lo que esta en "Negrita"

"border: 1px solid #003aff;"

Rojo: Ese es el color del fondo de la celda lo pueden cambiar haciendo lo siguiente, lo que esta en "Negrita

"background-color:#e5f7ff;"

Bueno aquí le dejo el otro código para poderlo usar en cualquier parte de la web:

<div class="msgbar"><strong>Titulo</strong>
<br />
Contenido que desees en la celda.</div>

Bueno pueden editar lo que esta en "Negrita".

Fuente

sisis, muy util , le puedes modificar los colores y queda genial