Отличное демо от Nicolas Gallagher по созданию speech bubbles на чистом CSS3 без использования дополнительных тегов.
Для изменения размера бордюра – применять манипуляции к border-width, left, top у элемента :after.
Крайне важно, чтобы у главного элемента был прописан стиль:
1 |
position:relative; |
UPD: Сервис для автоматического создания стрелок под блоками: http://cssarrowplease.com/

Link to this post!