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

发布于 2024-11-29 10:14:49 字数 223 浏览 2 评论 0原文

这是我现有的基于图像的菜单项垂直分隔线的屏幕截图(希望您能看到它):

在此处输入图像描述

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

(2) Compass 是否提供垂直分隔线的 mixin?这将是更好的选择,如果是这样,则无需解决 (1)。

Here's a screenshot of my existing image-based vertical divider for menu items (hopefully you can see it):

enter image description here

(1) What's the best way to replace this image with a custom CSS3 style? Dimensions are 3x27.

(2) Does Compass offer a mixin for vertical dividers? That would be preferable, and if so, no need to address (1).

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

黑白记忆 2024-12-06 10:14:49

我不确定指南针是否有这个功能,但你不能使用常规的 css 边框吗? border-right:1px 纯白色然后在最后一个说没有边框。

I am not sure if compass has something for this but couldn't you use regular css borders. border-right:1px solid white then on the last one say dont have a border.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文