Css:after偽元素【簡單】寫對話框箭頭

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

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

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

下面是效果圖：