使用CSS3 / Compass创建垂直分隔符而不是使用图像

Question

这是我现有的基于图像的菜单项垂直分隔线的截图（希望你能看到它）：

（1）用自定义CSS3样式替换此图像的最佳方法是什么？尺寸为3x27。

（2）Compass是否为垂直分频器提供mixin？那将是更可取的，如果是这样，则无需解决（1）。

Answer 1

我不确定罗盘是否有适用于此的东西，但你不能使用常规的CSS边界。 border-right：1px纯白色然后在最后一个说没有边框。

Answer 2

我相信这就是你要找的CSS3 Border Gradient。您可以使用渐变创建边框，使其与您发布的图像具有相同的感觉。