我正在 html 和 css 中制作一个导航菜单,但我希望每个导航项的右侧边框是一个图像。
I tried
border-right:url(image.jpg);
但这没有用。
我该怎么做?
您可以使用背景图像,然后将背景图像放置在每个元素的右侧。通常这会发生在a
tag or 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
and :first-child
选择器。
#primaryNav a:last-child {
background: none;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)