Cómo hacer callout SÓLO con css (sin imágenes)

[AnibalDiaz]

Otra forma mas sencilla y utilizando el primer ejemplo de este post, es cambiando la propiedad 'dotted' por 'dashed'.

es decir:

.calloutUp2
{
position: relative;
left: -10px;
top: 2px;
height: 0;
width: 0;
border-bottom: 10px solid #9999ff;
border-left: 10px dashed transparent;
border-right: 10px dashed transparent;
z-index: 11;
}
.calloutDown
{
height: 0;
width: 0;
border-top: 12px solid #ffffff;
border-left: 12px dashed transparent;
border-right: 12px dashed transparent;
left: 0px;
top: 0px;
margin-left: 20px;
z-index: 11;
}