Jquery 将向下箭头添加到选项卡菜单

目前，我正在使用一个简单的选项卡菜单，希望在选项卡处于活动状态时显示一个向下箭头。这是我正在使用的当前代码。我在jQuery中尝试了一些东西，但没有成功。CSS似乎是实现这一目标的最佳方式。我说得对吗？你将如何做到这一点

顺便说一句，查看完整页面视图中的代码以获得更好的样式

.tab\u菜单{
利润率：40px 30px 0 30px；
}
ul标签{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
边框：1px实心#ccc；
背景色：rgba（68170255,0.1）；
}
/*将列表项并排浮动*/
李先生{
左边框：1px实心#ccc；
浮动：左；
页边距底部：0；
左边距：0；
}
/*设置列表项内链接的样式*/
ul.tablia{
显示：内联块；
颜色：黑色；
/*文本对齐：居中*/
填充：14px 9px 14px 9px；
文字装饰：无；
过渡：0.3s；
字号：17px；
保证金：0；
宽度：150px；
高度：35px；
文本对齐：居中；
}
/*更改悬停时链接的背景色*/
ul.tab li a：悬停{
背景色：rgba（68170255,0.5）；
}
/*创建活动/当前tablink类*/
ul.tab李a：焦点，
.主动{
背景色：rgba（68170255,0.9）；
}
/*设置选项卡内容的样式*/
.tabcontent{
显示：无；
填充：25px 12px；
边框：1px实心#ccc；
边界顶部：无；
}
.tab_菜单a{
文本对齐：居中；
}
.三角底{
边框顶部：实心20px#54b1ff；
左边框：实心25px透明；
右边框：实心25px透明；
宽度：0；
身高：0；
位置：绝对位置；
左边距：168px；

根据您提供的代码，只需调整左边距即可

.triangle-bottom {
   margin-left: 119px;
}

.tab\u菜单{
利润率：40px 30px 0 30px；
}
ul标签{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
边框：1px实心#ccc；
背景色：rgba（68170255,0.1）；
}
/*将列表项并排浮动*/
李先生{
左边框：1px实心#ccc；
浮动：左；
页边距底部：0；
左边距：0；
}
/*设置列表项内链接的样式*/
ul.tablia{
显示：内联块；
颜色：黑色；
/*文本对齐：居中*/
填充：14px 9px 14px 9px；
文字装饰：无；
过渡：0.3s；
字号：17px；
保证金：0；
宽度：150px；
高度：35px；
文本对齐：居中；
}
/*更改悬停时链接的背景色*/
ul.tab li a：悬停{
背景色：rgba（68170255,0.5）；
}
/*创建活动/当前tablink类*/
ul.tab李a：焦点，
.主动{
背景色：rgba（68170255,0.9）；
}
/*设置选项卡内容的样式*/
.tabcontent{
显示：无；
填充：25px 12px；
边框：1px实心#ccc；
边界顶部：无；
}
.tab_菜单a{
文本对齐：居中；
}
.三角底{
边框顶部：实心20px#54b1ff；
左边框：实心25px透明；
右边框：实心25px透明；
宽度：0；
身高：0；
位置：绝对位置；
左边距：119px；
}

向下箭头应该显示在哪里？它应该是什么样子？你有一个图标吗？我已经更新了代码，在标签下面显示了箭头。我这边的箭头不完全是这样的，但它至少显示了箭头。但是你没有提到箭头应该显示在什么地方。对不起，这就是它应该显示的样子：那么……你有没有尝试减少

三角形底部规则上的
左边距
？