css3實現等腰三角形

忽然發現自己從前寫等腰三角形都是一個邊一個邊試出來，為此記錄一下

.shape{ 
    width: 0;
    height: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 100px solid #333;
}

 兩腰相等，三角形高度隨着底部高度變化，則底部有顏色其他兩邊為transparent，設置底部三角形如下：

 

設置頂部三角形如下：