绘制一个向上三角形：

原理：

利用盒子模型，将content内容区设置为0，让边框区域占据整个盒子，我们就会看到一个盒子被分成了四等分，然后再将其他不需要的部分隐藏起来。

实现代码：

 <style>
        .my{ 
            width: 0;
            height: 0;
           //transparent：隐藏
            border: 50px solid transparent;
            border-bottom-color: red;
        }
    </style>
    <div class="my"></div>

结果图：

注：一个基本的盒模型，包括 content（width/height）（内容区）、padding（填充区：内边距）、border（边框区）、margin（外界区：外边距）