使用圖像作爲水平導航欄中的管道

Question

我有一個水平導航欄設置，並且我有一個2X25 .png，我想用作列表項之間的管道。我想我需要使用邊界權限，但不能完全消除語法。你們中的一個人可以幫我嗎？

Answer 1

不知道我是否明白。如果你想使用border-right那麼你不需要圖像。

.nav-item { border-right: 2px solid #000; height: 25px; } 

如果你想用你的形象，那麼你在找什麼是background。

.nav-item { background: url(pipe.png) top right no-repeat; } 

這將圖像放置在背景的右上角，並導致圖像不在整個背景中重複。