<實際需求中，很多時候都會有箭頭的情況，只不過一開始總是喜歡找別人寫好的，隨著需求的增加，很難通過修改來滿足需求，所以理解原理自己動手才是萬難的根本解決辦法。

一、繪制三角

容器：

<div class='jt'></div>

樣式：

    .jt{

      width:0;

      height:0;

      border:50px   solid;   

      border-color: red yellow green blue;}*

效果如圖：

利用border繪制了四個三角組成的矩形，現(xiàn)在要繪制三角形，只需要讓其他任意三個三角形變?yōu)橥该骷纯伞?/p>

修改代碼：

     border-color: red transparent transparent transparent;

二、繪制箭頭

利用三角繪制箭頭，只需要再繪制一個和此三角大小相同，方向相同的三角，顏色和背景顏色一樣，覆蓋在此三角上面，通過少量的位移形成箭頭。