： 這時, 其實我們已經看到有上下左右四個三角形了....如果, 我們把4種顏色, 只保留一種顏色, 余下3種 ...

(1)有邊框的三角形 我們來寫下帶邊框的三角形。 如果是一個正方形，我們寫邊時，會用到border，但我們這里討論的三角形本身就是border，不可能再給border添加border屬性，所以我們需要用到其他辦法。 最容易想到的，是疊加層。思路是將兩個三角形疊加在一起，外層三角形稍大 ...

(1)有邊框的三角形 我們來寫下帶邊框的三角形。 如果是一個正方形，我們寫邊時，會用到border，但我們這里討論的三角形本身就是border，不可能再給border添加border屬性，所以我們需要用到其他辦法。 最容易想到的，是疊加層。思路是將兩個三角形疊加在一起，外層三角形稍大 ...

前言：網上最普遍的實現三角形的方法，就是通過控制border來實現，那為什么可以呢？ 原理 我們先來看看border的表現形式。 觀察上圖可以發現，border表現為梯形。當減小box的寬高時，會發生如下變化： 從上圖很容易看出，當box寬度降低到很小，也就 ...

用border畫三角形，實際上屬於一種奇淫巧技。 利用的是border的一個特性：當一個元素的寬高都為0時，給border設置寬度（至少給2個相鄰的邊框設置寬度），border就會撐開這個元素。 四個邊框同時設置寬度時，四個邊最后在元素的中心匯成一個點。 因此當我們給一個有寬高的元素 ...

用CSS的border可以畫出高質量的三角形。 我們一般會這么使用border: #test-border { width: 100px; height: 100px; margin: 100px auto; background: #fff ...

轉自：https://www.cnblogs.com/youhong/p/6530575.html 前言：網上最普遍的實現三角形的方法，就是通過控制border來實現，那為什么可以呢？ 原理 我們先來看看border的表現形式。 觀察上圖 ...

(1)有邊框的三角形 我們來寫下帶邊框的三角形。 如果是一個正方形，我們寫邊時，會用到border，但我們這里討論的三角形本身就是border，不可能再給border添加border屬性，所以我們需要用到其他辦法。 最容易想到的，是疊加層。思路是將兩個三角形疊加 ...