纯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"> 还要额外设置一下宽度高度