1、新建乙個元素，隨便什麼元素，不過我習慣性的會用塊元素來做。如果行內元素就display:block它。
2、把它的寬高設定為height:0px; width:0px;
3、設定邊框border屬性，用來實現三角形。
首先要了解border具體是怎麼樣的，我寫了乙個這樣的樣式：
border:50px solid #000; border-color:#f00 #000 #f0f #00f;
在ff下面顯示效果如下：
出現4個三角形合併成乙個正方形。到這裡就很清晰了，只要把想要的保留，其它的設定為透明就可以達到三角形的效果，那麼：
border:50px solid #000; border-color:#f00 transparent transparent transparent;
在ff就可以看到乙個紅色三角形如下：
CSS 畫三角 扇形 圓形
元素為矩形，而它的每個border為乙個等腰梯形，上底為的width height，高為border的粗細。把四邊的上底設為0，即width 0，height 0 時，梯形就變成三角形了。dividerect 接著把四面的border中的兩條border變成transparent 透明，一條不定義，...
css畫三角形
好久沒寫css了，練練手，剛看了下在以前公司做過的乙個 現在已經改版，裡面有個模組涉及到用css畫三角形，試著做了一下，分享出來。帳號 287019674 qq.com 密碼 123456 下面是對實現原理的分析 1 新建乙個元素，隨便什麼元素，不過我習慣性的會用塊元素來做。如果行內元素就displ...
CSS 畫三角形
使用 css 畫三角形？第一感覺不太可能。但那是對 border 有一點誤會。來看乙個示例 它的 html 如下 我們需要注意，邊框相接的地方，即相鄰邊框的樣式。因為我們平時使用邊框，一般只幾畫素寬，所以可以不注意它們相接的樣式，但當邊框達到50畫素寬，就可以清楚看到，它們在相接時是如何處理的 這是...