用 CSS 實現三角形與平行四邊形

第一種方法：利用border 一個矩形拼接兩個三角形最終制造出一個平行四邊形。爲什麼使用border可以產生三角形呢？先來看看一張圖片： 看了圖中的三個小圖形的變化過程，你應該已經清楚了一半。其實 hack 出三角形只需要兩個條件，第一，元素本身的長寬爲0；其次，將不需要的部分通過 border-color 來設置隱藏。通過類似的方法，你還可以創造出梯形，上圖中的三個圖形的代碼如下。（另附 Cod

>>阅读原文<<