纯css实现箭头,上下左右的箭头

右箭头：

      <style>
            #toRight{
                border: 10px solid #FFF;
                border-left-color:#F00;
                }
        </style>

        <div id="toRight"></div>

向左的箭头：

border-right-color:#F00;

width:1px;

向上的箭头：

border-bottom-color:#F00;

width:1px;

向上的箭头：

border-top-color:#F00;

width:1px;