CSS3 lets you to create different shapes and here is one among them – the six point star. This is my favorite shape in CSS.

Six Point Star

Demo

CSS

.star-six {
    position: relative;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 80px solid #35afe3;
    margin: 0 0 30px 0;
}
.star-six:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 80px solid #35afe3;
    margin: 30px 0 0 -50px;
}

HTML

<div class="star-six"></div>

Try and have fun.