用h5实现实心，空心和倒金字塔

在HTML5中，你可以使用CSS3的一些高级特性来创建实心、空心以及倒金字塔形状。这里是一个简单的例子：

1. **实心金字塔**:
使用`div`元素，设置宽度、高度和边框样式，可以创建一个简单的三角形。例如：

   <style>
   .pyramid {
     width: 0;
     height: 0;
     border-left: 50px solid transparent;
     border-right: 50px solid transparent;
     border-bottom: 100px solid red; /* 实心部分的颜色 */
   }
   </style>
   <div class="pyramid"></div>

2. **空心金字塔**:
可以通过调整边框颜色和透明度来制作空心效果。比如：

   <style>
   .empty-pyramid {
     width: 0;
     height: 0;
     border-left: 50px solid transparent;
     border-right: 50px solid transparent;
     border-bottom: 100px solid rgba(255, 0, 0, 0.5); /* 半透明红色 */
   }
   </style>
   <div class="empty-pyramid"></div>

3. **倒金字塔**:
如果你想制作倒置的金字塔，只需将`border-bottom`改为`border-top`：

   <style>
   .inverted-pyramid {
     width: 0;
     height: 0;
     border-left: 50px solid transparent;
     border-right: 50px solid transparent;
     border-top: 100px solid blue; /* 倒置部分的颜色 */
   }
   </style>
   <div class="inverted-pyramid"></div>