遇到三角形狀， 一般我們都是切一圖片， 其實用css設置邊框也是可以形成的 如圖： 

<span style="
		    width: 0;
		    height: 0;
		    border-bottom: 6px solid #3983e5;
		    border-top: 6px solid transparent;
		    border-left: 6px solid transparent;
		    border-right: 6px solid transparent;">
    </span>

<span style="
		    vertical-align: middle;
		    border-bottom: 6px solid blue;
		    border-top: 6px solid black;
		    border-left: 6px solid red;
		    border-right: 6px solid yellow;">
    </span>