.triangle1{
width:10px;
height: 10px;
border:1px solid black;
border-top:none;
border-right: none;
transform: rotate(45deg);
-ms-transform:rotate(45deg); /* IE*/
-moz-transform:rotate(45px); /* Firefox*/
-webkit-transform:rotate(45px); /* Safari 和 Chrome*/
-o-transform:rotate(45deg); /* Opera*/
}
width:10px;
height: 10px;
border:1px solid black;
border-top:none;
border-right: none;
transform: rotate(45deg);
-ms-transform:rotate(45deg); /* IE*/
-moz-transform:rotate(45px); /* Firefox*/
-webkit-transform:rotate(45px); /* Safari 和 Chrome*/
-o-transform:rotate(45deg); /* Opera*/
}