CSS Arrows?

Do you want CSS Arrows

<style>
    .arrow_right:before {
        content: ' ';
        width: 0px;
        height: 0px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #A00;
        position: absolute;
    }
    .arrow_left:before {
        content: ' ';
        width: 0px;
        height: 0px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #FFF;
        position: absolute;
    }
    .arrow_top:before {
        content: ' ';
        width: 0px;
        height: 0px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        position: absolute;
    }
    .arrow_bottom:before {
        content: ' ';
        width: 0px;
        height: 0px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #0A0;
        position: absolute;
    }
</style>