用CSS的border畫三角形

用border畫三角形，實際上屬於一種奇淫巧技。 利用的是border的一個特性：當一個元素的寬高都爲0時，給border設置寬度（至少給2個相鄰的邊框設置寬度），border就會撐開這個元素。 四個邊框同時設置寬度時，四個邊最後在元素的中心匯成一個點。   因此當我們給一個有寬高的元素設置border時，四個邊框的銜接方式是以對角線形式，而不是直角拼接，如圖：     所以不設置寬高，給四個邊框

>>阅读原文<<