Iphone 如何在像Safari这样的Webkit浏览器中使用边框底部的图像？

在StackOverflow上有一些关于如何使用边框图像的问题，但这些问题已经相当过时了

我们有一个简单的需求：使用图像作为底部边框。我们只需要支持Webkit浏览器，特别是mobile Safari

---

如何执行此操作？

仅对于边框底部的图像，请使用

边框底部图像

css3属性

仅适用于

webkit

浏览器，请使用以下

-webkit边框底部图像

mobileSafari

css3

更新：

根据,

只有属性在Safari中有效

所以

---

您可能想检查一下。

这就是您的意思吗？是的，但是如何仅对底部边框使用图像？不清楚。假设你知道答案，你能发布一个答案吗？否则，我们无法给您分数。根据此页（），值（本例中为5）表示宽度。但是我们需要一些东西来控制高度。我们如何做到这一点？宽度不应该占据边框的全部宽度吗？@Crashalot使用

边框：5px实心透明在应用它之前。谢谢。是的，我仍然不清楚为什么这些值表示底部边框的宽度。它不应该表示高度吗？@Crashalot您只需使用
边框宽度
（或
边框
）属性即可设置
高度
值。在该
边框图像
属性中，您可以通过设置顶部、右侧、底部和左侧等方向的值来排列图像。如果要将图像设置为左下角，则为属性
边框图像的左下方向提供值。
-webkit-border-image: url(filePath) 0 0 5 0 repeat;  // top, right, bottom , left
 border-image: url(filePath) 0 0 5 0 repeat;  // top, right, bottom , left