用 css 绘制三角形

我们可以用 css 的边框样式，来制作一个 三角形 出来：

原理：

通过设置一个 宽，高为零的块级元素，设置4条边为不同颜色，想要设置哪边就设置其他边为透明就可以了。

顺序： 上，右，下，左 。

设置：

1. 用 css 边框模拟；
2. 元素 宽高 设置为零；
3. 4个边都要写，在保留需要的边框颜色，其他的设置为透明的；
4. 为兼容 低版本浏览器，加上 font-size:0; line-height: 0;

版本一：

.xx {
   
    width: 0;
    height: 0;
    border-left: 200px solid pink