CSS треугольник эксперимент

Question

Я могу использовать технику треугольника css, чтобы добавить точку к одной стороне объекта, и это прекрасно работает, если один элемент изолирован.

Но я хочу применить это к списку элементов, чтобы показать направление навигации (например, http://jsfiddle.net/jZcZK/2/).

То, что я хочу, это заменить сплошную треугольную головку стрелки и линейную стрелку (как это>) - так будет показан только правый край.

У кого есть умное решение?!

Answer 1

у вас работает? http://jsfiddle.net/kuyabiye/SJ9EK/

Answer 2

Треугольник представляет собой очень толстую границу только с одной стороны.

Поместите другой «треугольник» того же цвета, что и ваш серый фон, на верх исходного треугольника, расположенного просто1 пиксель слева.Это должно покрыть ваш треугольник, оставляя только тонкую границу.