CSS は、小さな鋭角のチャット ダイアログ ボックスで鋭角の吹き出し効果を実現します。

css;ツールバー:false"><スタイル>
#トークバブル
  幅: 160ピクセル; 高さ: 80ピクセル;
  背景: 赤;
  位置: 相対的;
  境界線の半径: 10px;
  左マージン:20px;
}
#トークバブル:前{
  コンテンツ： "";
  位置: 絶対;
  右: 100%; 
  上: 26px;
  border-top: 13px 透明の実線;
  border-right: 26px 赤一色;
  border-bottom: 13px 透明の実線;
}
</スタイル>
<div id="トークバブル"></div>

    <div class="ダイアログ ボックス">
                      <span class="bot"></span>
                      <span class="top"></span>
                    </div>

少ない：
      .ダイアログボックス{
        位置: 相対的;
        スパン {
          幅:0; 
          高さ:0; 
          フォントサイズ:0; 
          オーバーフロー:非表示; 
          位置:絶対;
          &.bot{
            境界線の幅: 15px; 
            境界線のスタイル: 実線 破線 破線; 
            境界線の色: 透明 透明 #F9743A 透明; 
            左: 15px; 
            上: -29px;
          }
          ＆。トップ{
            境界線の幅:13px; 
            border-style:実線 破線 破線; 
            border-color:transparent 透明 #fff 透明; 
            左:17px; 
            上:-25px;
          }
        }
      }