html - 用作底部边框的图像：可以在“之后”伪元素中重复图像并控制背景大小？

Question

我们尝试使用单个图像作为底部边框没有成功。在此处查看我们的尝试：仅将边框图像用于底部边框？我们的 CSS 似乎是在整个 div 中复制图像

现在我们尝试使用“after”伪元素作为边框底部图像。

问题是我们不能在 content 属性中定义图像的大小，也不能让它在伪元素的宽度上重复。这可能吗？

Answer 1

.some-div:after {
    content: '';
    display: block;
    width: 100px; /* example */
    height: 2px;
    background: url('../images/path-to-your-image.png') repeat-x;
}

你只需要根据你的代码添加一些定位（浮动、绝对、任何东西）。