Я предполагаю, что вам нужен треугольник, который имеет только границу определенного цвета, а остальные прозрачные (или белые, в зависимости от того, что).
На основе CSS3 border-width и borderсвойства цвета Я предполагаю, что невозможно получить то, что вам нужно.В основном потому, что границы, нарисованные браузером под углом, имеют четко определенные режимы рисования, и ни один из них не похож на то, что вам нужно.
Что вы можете попробовать, так это свойство border-image в CSS3, но в основном это более или- без эквивалента размещения изображения (или некоторого div с этим изображением в качестве background-image) на странице.