CSS Arrow Please!(吹き出しジェネレータ)
で、簡単に作れます。
ジェネレータで指定できるのは以下の項目。
Position:三角形の位置(上、右、下、左)
Size：三角形の大きさ
Color:吹き出しの背景色
Border width:吹き出しの枠線の太さ。0を指定すれば、枠無しとなる。
Border color:枠線の色。
吹き出し部分がどうやって実現されているのかの考え方は、以下の記事を読むと理解出来るかと思います。
CSSのみで三角形を作る方法を解説するよ！｜ついでに扇型や吹き出しも作ってみる(アイデアハッカー)