cssmensajesbox.jpg
Seguramente recordaran este artículo en el cual hablamos sobre una sencilla técnica para resaltar mensajes mediante css, pues hoy desde Woork, podemos ver otras técnicas muy bonitas también usando solamente CSS. Las mismas poseen unas buenas variantes, un diseño muy simple, con iconos, con bordes redondeados, un diseño solidó, al estilo tooltip etc. Si buscabas buenas formas de resaltar mensaje en el contenido de tus artículos, ambas técnicas te serán sumamente útiles.Ver Demo - Mas info y descarga de ejemplos CSS Message Box collection
Post relacionado Resaltar mensajes mediante CSS - Parte I

Uso de ejemplo

PLAIN TEXT
CSS:
.round-a-gray{
background:#444444 url(img/round_gray-left.png) left top no-repeat;
color:#FFFFFF;
text-align:center;
}
.round-a-gray div{
background:url(img/round_gray-right.png) right bottom no-repeat;
padding:4px;
}

Mensaje resaltado

PLAIN TEXT
HTML:
<div class="round-a-gray"><div>Alternated rounded borders message box</div></div>