前言：這是筆者學習之后自己的理解與整理。如果有錯誤或者疑問的地方，請大家指正，我會持續更新！ border 的組合寫法 　　border：border-width border-style border-color; border-width：邊框寬度，不能為百分比，因為不會根據設備 ...

(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的表現形式。 觀察上圖 ...

網站上經常會使用一些三角形，除了圖片的方式，實際上利用border我們可以做出純CSS的三角形。我們知道border是個邊抖可以單獨設置，當四個邊相交的時候他們是什么時候改變的？ .t0{ margin:30px; height:200px; width:200px ...