在我的导航中创建指示器凹口时遇到css问题

当我遇到一个小问题时，我正在准备一个站点并构建基本布局。我想创建一个“刻痕”导航，但我不知道做这件事的第一件事

我曾尝试创建一个位于我的下方的（我的想法是，我可以[使用CSS或使用图像]创建一个白色三角形），该三角形可以与我的底部对齐，从而创建“凹口”效果。我还没有在这方面取得成功，我希望有一个具备css//html向导状态技能的人能够提供帮助

---

注：如果您需要更多信息，请告诉我-我对stackoverflow有点陌生

让您的导航标签&其中的a标签一直延伸到您的内容块顶部

当LI是“当前”标记时，将一个三角形图形作为标记的背景

li.current a {
    background:url(triangle.png) no-repeat center bottom;
}

---

您可能希望三角形为蓝色，与内容块顶部的蓝色条相同。

Cappuccino正在使用以下css标记链接标记

<style>
        #navmarker {
        width: 1px;
        height: 0;
        position: relative;
        margin-top: -0.7em;
        margin-left: auto;
        margin-right: auto;
        border-bottom: #FFD48E solid 0.8em;
        border-top: none;
        border-left: transparent solid 0.8em;
        border-right: transparent solid 0.8em;
        }

        div {
            display: block;
        }
    </style>

#导航标记{
宽度：1px；
身高：0；
位置：相对位置；
边缘顶部：-0.7em；
左边距：自动；
右边距：自动；
边框底部：#FFD48E实心0.8em；
边界顶部：无；
左边框：透明实心0.8em；
右边框：透明实心0.8em；
}
div{
显示：块；
}

尝试创建一个div并使用上面的css，这对我很有用

    <div id="navmarker"></div>

我认为你应该在这里发布你的

HTML

和

CSS

代码示例，或者只是设置一个。如果你问这个问题的动机是“我想参加一个关于__;的讨论”，那么你不应该在这里提问。有很多方法可以解决这个问题。您可以在导航中向ul li添加一个“current”或“active”类，然后使用ul#navigation li.current或active{background image:url（“white triangle.gif”；}作为目标。这只是一种方式。如@sheikheera（爱他的名字）说，如果没有你的HTML/CSS，很难说。@Jawad，+1对于这份爱，顺便说一句，它的缩写，长版本是

谢赫·穆罕默德·安萨尔·乌丁·赫伊拉

：-）@SheikhHeera:是的，我知道。你以前说过一次。不过我不能把帖子挖出来。谢谢！这帮了大忙！