首先先看下怎么生成三角形
生成這個圖案，需要設置一個div，寬高都設置成0，設置邊框線
這樣就有三角形了
1.如果設置箭頭向上 上方邊框線取消掉，將左右方向邊框線設置為透明
2. 如果設置箭頭向下 同理 下方邊框線取消掉，將左右方向邊框線設置為透明
3.如果設置箭頭向左 將 右側邊框線取消掉，將上下方向邊框線設置為透明
4.如果設置箭頭向右 將 左側邊框線取消掉，將上下方向邊框線設置為透明
假設取的是箭頭朝上
首先定義一個DIV 文本框 ，設置寬高，以及相對定位
為這個文本框設置偽類before after ,content 設置為空就好，before 設置顏色，after不設置顏色，來實現指向三角形
before樣式
after樣式
設置成白色 將before邊框線顏色覆蓋掉
完成