Question

我遇到了一个我似乎无法解决的小问题。

这是我应该运行的CSS代码：

div.menu-menu_hun-container li {
    padding: 5px;
    font-size: 18px;
    -moz-border-image:url("images/menu-border.png") 0 0 1 0;
    -webkit-border-image:url("images/menu-border.png") 0 0 1 0;
    border-image:url("images/menu-border.png") 0 0 1 0;
    border-width: 1px;
    border-image-repeat: space;
}

正如您所看到的，我正在尝试仅将边框图像添加到每个菜单元素的底部（除了最后一个，因为它已经解决了）。问题是空间属性根本不起作用。菜单元素宽度为187px，图像为125px。我想将border元素放在左边，以覆盖底线的2/3。也许，我不明白这个属性是如何工作的，但我认为它应该将单个图像元素定位到底部边框的中心，因为没有更多的空间留给另一个图像元素来完成边框。我希望你们能清除我脑子里的烂摊子。

Answer 1

如果您可以提供小提琴或图像，那么它会很好，无论如何，尝试重新调整图像大小并使用border-image-repeat: space;，或者您可以使用round属性。

border-image-repeat：空间不起作用

1 个答案: