纯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;