<body>
<div class="border-triangle-bottom"></div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
.border-triangle-bottom {
width: 100px;
height: 30px;
border: 1px solid #082d5f;
position: relative;
border-radius: 4px;
}
.border-triangle-bottom:after,
.border-triangle-bottom:before {
content: "";
position: absolute;
width: 0;
height: 0;
border: 4px solid transparent;
border-top-color: #082d5f;
left: 50%;
margin-left: -4px;
bottom: -8px;
}
.border-triangle-bottom:after {
border-top-color: #fff;
bottom: -7px;
}
</style>
</body>