使用css画出微信消息框（主要是三角形）

高宽都设为0，利用border属性来画出三角形样式
width: 0;
height: 0;
border的top bottom left right 可以看成是上下左右四个三角形组成的，你可以通过调 整四个方向的尺寸来达到想要的效果，从而不规则的三角形也可以画出来。
border的三个参数： 尺寸 实（空）心 颜色 transparent为透明

 从而我们能看懂如下代码：
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-left: 40px solid #ff0000;
    border-bottom: 40px solid transparent;
上、下方为一个透明三角形，左边有一个红色的实心三角形，最终的效果：就是一个尖端向右的红色底边为40px的三角形。

一旦明白了原理，那么就可以通过调整写出各种自己想要的三角形。