在開發頁面的時候，遇到很多的列表都需要用到箭頭，可以直接用作背景鋪墊，純css也能實現，並且沒有相容性顧慮，不用css3,相比而言，比更好用。
原理：乙個高寬相等的正方形，選取你所需要的某一邊，擷取之，就是乙個梯形，當高寬都為0，且其他邊為透明顏色時，乙個三角形就出來了
梯形**：
html:
css:
arrow
html:
css:
arrow
html:
文字文字
css:
div
設定兩個偽類，前乙個偽類覆蓋至另乙個了偽類，留出一些線出來就好：
html:
文字文字
css:
div
.arrow:after,.arrow:before
.arrow:before
css 修改三角形大小 css實現三角形
最近的乙個專案頁面中，有很多三角形icon，在不考慮ie相容性下，使用了css實現三角形，記錄一下 1 實心三角形，利用transparent實現 1 設定線條寬50px，div 寬高0 width 0px height 0px border right 100px solid red border...
css三角形實現
我們的網頁因為 css 而呈現千變萬化的風格。這一看似簡單的樣式語言在使用中非常靈活，只要你發揮創意就能實現很多比人想象不到的效果。特別是隨著css3的廣泛使用，更多新奇的 css 作品湧現出來。up 1 2 3 4 5 6 7 up down 12 3 4 5 6 7 down left 12 3...
css實現三角形
css實現三角形是經常被問到的問題。所以下來就講一下css實現三角形的三種方法 transparent設定時透明的。順序為上右下左。實現類似於對話方塊的形式。底下的三角形的實現是兩個三角形。乙個是背景色，乙個是邊框色。背景色的比邊框色少1px，且利用背景色覆蓋在邊框色上面，就看到的只是邊框了。首先先...