純CSS 實現三角形圖標

每天發現新大陸，今天做一個按鈕的三角形圖標，原先我都是用圖片做的。今天才發現我之前真是太可愛了，原來這是可以用幾句非常異常簡單的 CSS 代碼實現的。

效果如圖：  

代碼有兩塊，如下：

<button id="buyCountbtn">

   <span></span>

</button>

#buyCountbtn span {

    margin-top: 7px;

    display: inline-block;

    width: 0px;

    height: 0px;

    overflow: hidden;

    vertical-align: top;

    border-top: 5px solid #000;

    border-right: 5px solid #F5F5F5;

    border-left: 5px solid #F5F5F5;

    content: "";

}

當然，<button id="buyCountbtn"> 還要額外設置一下寬度高度