html - 您可以将图像分配给 border-right 吗？

Question

我正在用 html 和 css 制作一个导航菜单，但我希望每个导航项的右边框是一个图像。

我试过了

border-right:url(image.jpg);

但这没有用。

我该怎么做？

Answer 1

您可以使用背景图像，然后将背景图像放置在每个元素的右侧。通常这会出现在 a 标签或 li 上。例如:

#primaryNav a:link { 
 background-image: url('image.jpg');
 background-position: right;
 background-repeat: no-repeat;
 display: block; /* make the link background clickable */
}

如果您不想将边框应用于最后一个(使用 background-position: right; 时)或第一个(对于 background-position: left;)元素，然后尝试使用 :last-child 和 :first-child 选择器。

#primaryNav a:last-child {
   background: none;
}