先看看效果：
step1：首先我們定義乙個div
step2:： 設定一下div的初始樣式
效果是這個樣子：
step3: 修改css：
width:0px;
height:0px;
border-width:50px;
效果這個樣子：
step4：修改border顏色
border-color; red transparent transparent transparent;
效果是這個樣子：
step5：
修改border顏色
border-color; transparent transparent transparent red;
效果是這個樣子：
step6：
修改border顏色
border-color; transparent transparent red transparent;
效果是這樣：
其餘的自行嘗試吧。。。
css使用border畫三角形
前端中的很多地方都會用到三角形，比如tooltip等 css中建立三角形的方法很多，可以參考這裡 css建立三角形 小三角 的幾種方法 比較簡單實用的還是使用border來建立三角形，今天主要研究這個的實現 將邊框分別設定為紅 黃 藍 綠 效果如下 四個三角形合成乙個正方形，大小為80x80，如果我...
使用border做三角形
上經常會使用一些三角形，除了的方式，實際上利用border我們可以做出純css的三角形。我們知道border是個邊抖可以單獨設定，當四個邊相交的時候他們是什麼時候改變的？t0 通過demo可以看到border的相交的地方在45deg平分，當元素的width 和height屬性唄設定為0的時候 t1 ...
使用border做三角形
上經常會使用一些三角形，除了的方式，實際上利用border我們可以做出純css的三角形。我們知道border是個邊抖可以單獨設定，當四個邊相交的時候他們是什麼時候改變的？t0 通過demo可以看到border的相交的地方在45deg平分，當元素的width 和height屬性唄設定為0的時候 t1 ...