Puedes hacerlo mediante CSS, usando un pseudo-elemento y jugando con los bordes para que forma un triángulo:
Código CSS:
Ver originalul.submenu {
position: relative;
}
ul.submenu:before {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-top: 10px solid gold;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: '';
}