Css 将顶部插入符号（三角形）添加到UL？

所以基本上我有一个垂直的“UL”列表。这是一个div的下拉列表，在点击时启用，我怎么能在上面画一个facebook/twitter三角形呢

HTML:

---

我应该尝试使用三角形上的相对位置还是。。有什么想法吗？

什么是“顶胡萝卜”？下拉列表顶部的这个小三角形menus@AndersonGreen看着这张图片，我会想象OP的意思是“插入符号”，它指的是一个调用或语音气泡，它看起来像是指向菜单来源的地方。@lc。我觉得自己像个白痴！洛毛胡萝卜？这是个很好的例子，伙计

<div id="set">
                    <ul class="dropdown">
                        <li>Privacy</li>
                        <li>Info</li>
                        <li>Logout</li>
                    </ul>
                </div>

.dropdown {
    position: absolute;
    top: 45px;
    left: 5%;
    list-style-type: none;
    background: white;
    border: 1px solid black;
    border-radius: 10px;
    margin: 0;
    padding: 0;
}

.dropdown:before{
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
}

.dropdown li{
    height: 40px;
    width: 150px;
    padding-left: 15px;
    border-bottom: 1px solid black;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
}

.dropdown li:last-child{
    border-bottom: none;
}