css-画三角箭头

.arrow {
        width: 0; 
         height: 0; 
         content: "";
         border: solid 10px #7c7;
         display: block; 
         border-top-color:transparent;
        border-left-color:transparent; 
         border-bottom-color:transparent;
     }

border: solid 10px #7c7;

         border-top-color:transparent;
        border-left-color:transparent; 
         border-bottom-color:transparent;