僅使用HTML元素通過CSS樣式製作一個小三角

製作小三角有兩種常用的方式， 1：是CSS3種的方法，通過旋轉一個div元素45度，然後定位到外部div的某一邊，把多餘的用overflow：hidden;遮住，來獲取一個三角形，但是這種方法兼容性不是很好，而且之前的瀏覽器也沒有旋轉屬性， 2： 通過邊框屬性,來製作小三角. 我們可以看到,邊框和邊框之間是45度斜着分割的,如果我們把元素尺寸設置爲0 ,僅僅留下邊框,就能獲得四個不同顏色的三角形.

>>阅读原文<<