如何编码菜单箭头

时间:2014-02-26 16:30:37

标签: html menu

有人可以帮助我在导航时编码白色菜单箭头(在顶部)吗?

在HTML中执行此操作的最佳方法是什么?

(我也安装了bootstrap,但这个网站没有响应)

感谢您的帮助!

屏幕截图链接:http://imgur.com/LPZwYK1

// EDIT

我想我会将标题图像(滑块)div中的箭头放在一个新的包装器div中,然后使用边距或填充将其放在正确的位置。

这是一个想法,但我相信已经有更好的解决方案了。

   <div id="menu">
            <div class="menuwrapper">
                <ul class="menu">
                    <li><a href="#">Služby</a></li>
                    <li><a href="#">O nás</a></li>
                    <li><a href="#">Kontakt</a></li>
                </ul>
            </div>
        </div>

        <div class="header-image"> 
            <div class="arrow-wrapper" style="margin: 0 auto 0 auto;">
                <div class="arrow">
                </div>
            </div>
        </div>

1 个答案:

答案 0 :(得分:2)

这些是CSS三角形。您可以创建一个三角形,然后相对于您想要的元素显示它。

http://css-tricks.com/snippets/css/css-triangle/