第一次寫對話框的箭頭時，也是一頭霧水，不知道怎么去寫，后來去學(xué)習(xí)了一下別人怎么寫的，也曾經(jīng)試過去用別人的代碼，但是去修改箭頭長度和寬度的時候總是很難，然后就自己去研究，發(fā)現(xiàn)了一種全新的寫法，自我感覺還是挺簡單的，最重要的是這樣寫可以去控制箭頭的長短和寬度，這樣在其他地方用的時候，也更加容易修改。

先是一個隨意的DIV，可以根據(jù)自己的需要加在自己想樣用到的地方，然后通過他的偽類：after添加content,三角形的形狀是通過它的四個方向的邊框去實現(xiàn)的，其中三個方向的邊框設(shè)置顏色為透明。

例如我這個是向下的箭頭，可以通過border-left和border-right的寬度來改變箭頭的寬度，左右兩個邊框的寬度差可以去控制箭頭的偏向，向下的箭頭，就設(shè)置boorder-bottom的寬度為0，通過border-top的邊框?qū)挾热ジ淖兗^的長短。最后通過定位把它放在DIV的下面就行了。

下面是效果圖：