通過上一篇文章大家應該都知道border的本質了吧，不清楚的同學可以去看一下這篇博文
http://www.cnblogs.com/nini-huai/p/5917368.html
下來我們說一下怎么實現各種三角形吧，先來說一下我自己的思路
大家先看這張圖片
看過上一篇文章的應該都不陌生這個是怎樣產生的，
其實大家仔細觀察，相信不難看出我們中間區域設置的是各個梯形的上底邊，那么當我們設置中間區域width：0的時候，出現的上下兩個梯形的上底邊都為0了，即就是我們需要的上三角形和下三角形了，同理，設置height：0的時候，我們的左右兩個梯形的上底邊均為0，這樣我們的左三角形和右三角形就出現，
下來我們就想辦法實現三角形，首先我們去掉中間的白色區域部分，即設置高寬為0，效果如下
看到了嗎，我們需要的各種三角形其實已經出來了，
上三角：只需要設置其他三個border邊框的顏色為背景色即可，同理我們可以得到下三角，左三角以及右三角
現在我們做出來的都是直角的三角形，這是因為我們這是的border的寬度都是一樣的，下來我們做一點不一樣的
設置寬高不一樣的時候就出現如上如所示的形狀，首先每個三角形都不是等邊直角三角了，其次，我們還可以讓他兩個邊框都顯示，即上圖中的黃色和紅色區域可以構成一個尖銳的三角形，當然了，你也可以隨便組合.
我們可以利用這個做出一個簡單的消息提示框，
結束語
我們可以利用border屬性做出很多的例子，這里我就先介紹到這里，其中的好處，大家細細品味吧！！