CSS是一种用于网页设计的强大工具。使用CSS绘制导航三角箭头是很常见的。以下是一些步骤：

.nav-bar {
    background-color: #f2f2f2;
    height: 50px;
}

.nav-bar li {
    display: inline-block;
    margin-right: 20px;
}

.nav-bar li a {
    color: #666;
    text-decoration: none;
    position: relative;
    padding-right: 10px;
}

.nav-bar li a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #666;
}

首先，我们先创建一个有背景颜色的导航栏，然后一一个一个地添加列表项。

然后，我们将列表项从默认的块级元素改为行内块元素，这将使列表项在同一行中并排显示。

接下来，对于每个链接，我们将文本颜色设置为灰色，并使用相对定位将箭头添加到其右侧。

最后，我们使用“:after”伪元素在每个链接的右侧添加箭头。 右侧的属性设置为“0”，即箭头将出现在链接文本的最右侧。如此，每个链接都将有自己的箭头！