在CSS菜单的第一个元素周围放置三角形箭头

我正在检查用CSS创建的下拉菜单，我很好奇，作者如何将这些三角形箭头放置在每个菜单的第一个

li

元素周围？

我假设它是通过一些

：在
之前或
：在
伪元素魔法之后完成的，当我注释掉CSS的以下行时，它们消失了：

#menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
}

但是作者是如何让它们变成三角形的呢？
最后三行就做到了：

border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #444;

请注意，宽度和高度均为0，因此您所看到的只是边界。更多示例。
最后3行实现了以下功能：

border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #444;

请注意，宽度和高度均为0，因此您所看到的只是边界。更多示例。
它们是使用边框创建的。在边界相交的地方，它们以45度相交。因此，通过使用不同颜色的大边框制作元素0x0像素，可以制作三角形。更全面的解释。
它们是使用边框创建的。在边界相交的地方，它们以45度相交。因此，通过使用不同颜色的大边框制作元素0x0像素，可以制作三角形。为了更全面的解释