使用border 画三角形

先看看效果：

Step1：首先我们定义一个div

     

                    

     

Step2:： 设置一下div的初始样式

       

                 

               

     

      效果是这个样子：

Step3:  修改CSS：

             width:0px;

            height:0px;

            border-width:50px;

  效果这个样子：

Step4：修改border颜色

             border-color; red transparent   transparent transparent;

           效果是这个样子：

Step5：

修改border颜色

             border-color; transparent  transparent   transparent  red;

            效果是这个样子：

Step6：

修改border颜色

             border-color; transparent   transparent   red transparent;

            效果是这样：

其余的自行尝试吧。。。