首先，看一下border的延申效果：
定義乙個正常顯示的div
.********
效果如圖
可以發現，border的延申效果是成梯形的乙個線條。那麼，如果我們把中間div的大小設定為0，那麼中間的白色區域則為乙個點，即梯形中的一邊消失，即可實現繪製三角形的目的。
三角形修改如下：
.********
效果如圖
通過修改各邊延申長度，可生產不規則三角形：
.********
效果如圖
要生產任意形狀的三角形，只需要把其他三個方向的顏色變成背景顏色即可（這裡是白色）
修改如下：
.********
效果如圖
類似地，想要生成梯形 則需要將div大小設定為非0的任意值，並將三個方向的顏色變成背景顏色即可（這裡是白色）：
.********
效果如圖：
用css的border屬性畫三角形
在網上你可以隨意搜到很多用css的border屬性畫的圖形，比如麵包屑導航 三角形等等，畫這些圖形可能結合了css的偽類 before after等，當然也可能沒有，這並不影響我今天要分享的，當初作為新手的我看到這些 覺得很神奇但並不能理解，今天，在相對理解的基礎上我自己畫出了這些三角形更是覺得神奇...
利用css畫三角
1 新建乙個元素，隨便什麼元素，不過我習慣性的會用塊元素來做。如果行內元素就display block它。2 把它的寬高設定為height 0px width 0px 3 設定邊框border屬性，用來實現三角形。首先要了解border具體是怎麼樣的，我寫了乙個這樣的樣式 border 50px s...
css使用border畫三角形
前端中的很多地方都會用到三角形，比如tooltip等 css中建立三角形的方法很多，可以參考這裡 css建立三角形 小三角 的幾種方法 比較簡單實用的還是使用border來建立三角形，今天主要研究這個的實現 將邊框分別設定為紅 黃 藍 綠 效果如下 四個三角形合成乙個正方形，大小為80x80，如果我...