html - 关于 HTML - 使用 "|"

Question

我正在使用其中的一些“|”在我正在编码的网站上分隔不同的链接，因为它分隔了彼此相邻的链接。是否有一大块代码可以直接添加到 CSS 来执行此操作？

“全部着色 | #383838”

这是我使用 HTML 所做的示例:

Home | Page 1

^ 我没有使用真正的链接，但这就是它在我的网站上的显示方式。 (虽然不是那些颜色)...这是我用来执行此操作的代码。

<p><a href="LINK HERE">Home</a> | <a href="LINK HERE">Page 1</a>

问题: 在我的页面上，所有文本和链接都是一种颜色。有“|”在 HTML 中的代码中，它会自动将“|”与所有其他文本和链接一样的颜色。我可以在 CSS 中添加一些东西来制作每个“|”吗？另一种颜色？

Juhana 的解决方案最终奏效了。但是，当我用 < p >

包裹它时......它再次变回相同的颜色......我必须将它包裹在 < p >

中或者它直接位于顶部版权页脚的...关于如何创建空间以便它们没有空间地坐在彼此之上的任何想法(无需添加

)？

最终找到了我自己的解决方案，使用:

感谢所有提供帮助的人。

Answer 1

您可以将此 css:border-right :solid 1px #000000; 应用到 anchor 链接周围的标签。