利用元素邊框巧妙的畫三角形

    <div style="width: 0; height: 0; 
        border-left: 25px solid transparent; 
        border-right: 25px solid transparent;
        border-top: 50px solid red;">
    </div>

原理就一個元素把他的邊框放大 很巧妙的用他自身的 拐角地方 匯出一個三角形，

開始很多人都有一個誤區 ，他們不知道原來在邊框的結合處 是下圖的樣子

由龐順龍最後編輯於：5年前

內容均為作者獨立觀點，不代表八零IT人立場，如涉及侵權，請及時告知。