css实现无图片三角形垂直导航条

效果如下：
前台代码：
   <div id="Men">
            <a href ="addnewbooks.aspx" target="_blank"><span class="left"></span>增加新书<span class="right"></span></a>
               <a href ="fengxingbookManager.aspx" target="_blank"><span class="left"></span>更新书库<span class="right"></span></a>
                <a href ="fengxingbookManager.aspx" target="_blank"><span class="left"></span>网页动态<span class="right"></span></a>
               <a href ="dynamicManager.aspx" target="_blank"><span class="left"></span>促销管理<span class="right"></span></a>
             <a href ="fengxingbookManager.aspx" target="_blank"><span class="left"></span>特价管理<span class="right"></span></a>
              <a href ="Managerbooks.aspx" target="_blank"><span class="left"></span>书籍浏览<span class="right"></span></a>
         </div>
css：
 #Men
        {
    margin: auto;
    font-family: 华文行楷;
    font-size: 20px;
    width: 135px;
    padding: 3px;
    background-color: #ccc;
    border: 1px solid #ccc;
    height: 170px;
}
#Men a,#Men a:visited
        {
    border-left: 8px solid #9ab