CSS三角实验

时间:2011-03-22 12:12:45

标签: css css3

我可以使用css三角形技术将一个点添加到一个对象的一侧,这对于一个孤立的项目非常有效。

但我希望将其应用于项目列表以显示导航方向(例如http://jsfiddle.net/jZcZK/2/)。

我想要的是用直线箭头替换实心三角形箭头(如此>) - 所以只显示右边缘。

谁有一个聪明的解决方案?!

2 个答案:

答案 0 :(得分:7)

它对你有用吗? http://jsfiddle.net/kuyabiye/SJ9EK/

答案 1 :(得分:0)

三角形在一侧基本上是一个非常厚的边界。

在原始三角形的顶部上放置另一个与灰色背景颜色相同的“三角形”,位于左侧仅1px。这应该掩盖你的三角形,只留下一个薄边框。