CSS
.link {
background: rgba(0, 0, 0, .4);
position: relative;
padding: 12px;
color: #fff;
}

.link:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
border-color: transparent;
border-bottom: 12px solid rgba(0, 0, 0, .4);
}

HTML
<a href="/" class="link">Название ссылки</a>