如何创建此边栏菜单？

问题描述：

我需要创建一个类似http://wrapbootstrap.com/preview/WB07061TJ的边栏菜单，但我无法找到当前项目的图像资源（白色箭头）。如何创建此边栏菜单？

我该怎么做？

答

你可以在你想要的箭头，下面的类

.triangle { 
    display: inline-block; 
    width: 0px; 
    height: 0px; 
    border: 5px solid transparent; 
    border-right: 5px solid white; 
}

作为一个侧面而不是绝对位置span元素实现这一点：这个“功能”是没有这种错误的http://jsfiddle.net/Xjmp5/

这是一个错误在C SS渲染成为“功能”？ –

您是否认为边界合并为一个错误或功能的方式？你会怎么做？ http://jsfiddle.net/Xjmp5/; =） –

从您的示例中，我可以说这是有道理的。谢谢。 –

答

箭头是从由边缘的情况下2 DIV-S

你可以看到代码，他设置了div的宽度：0，height：0，line-height：0，font-size：0以确保没有宽度和高度

在这种情况下，如果将边框设置为4种不同的颜色，你会看到4个三角形，一个正方形 enter image description here

下一步该做什么的形状是设置左边框，边框顶部，底部边框的透明。然后你会得到一个三角形，

的最后你想做的事情是做另一个白色的三角形，并在第一个覆盖它，那么你会得到箭头 enter image description here