• <ol id="gebcs"></ol>
    <track id="gebcs"><i id="gebcs"></i></track>

    通過CSS形成三角形

    時間:2019-08-29 14:11:29 類型:HTML/CSS
    字號:    

    遇到三角形狀, 一般我們都是切一圖片, 其實用css設置邊框也是可以形成的 如圖: 

        


    <span style="
    		    width: 0;
    		    height: 0;
    		    border-bottom: 6px solid #3983e5;
    		    border-top: 6px solid transparent;
    		    border-left: 6px solid transparent;
    		    border-right: 6px solid transparent;">
        </span>


    <span style="
    		    vertical-align: middle;
    		    border-bottom: 6px solid blue;
    		    border-top: 6px solid black;
    		    border-left: 6px solid red;
    		    border-right: 6px solid yellow;">
        </span>


    黄片基地