纯css实现箭头

1. <div class="topArrow"></div>

   css如下：

   

2. 
   

3. 
   

4. 效果图如下：

   

5. 
   <div class="bottomArrow"></div>

   css如下：

   

6. 
   

7. 
   

8. 效果图如下：

9. 

10. 
    <div class="leftArrow"></div>

    css如下：

    

11. 
    

12. 
    

13. 效果图如下：

    <div class="rightArrow"></div>

14. css如下：

    

15. 
    

16. 
    

17. 效果图如下：

    
18.