CSS生成小三角

前言：小三角的应用场景：鼠标移动到某个按钮上面，查看信息详情时，信息详情弹出框有时候会需要一个小三角。

代码如下：

<div id='triangle'></div>

#triangle{
    border-bottom: 10px solid #ccc;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    height: 0;
    margin-left: 97px;
    width: 0;
}