html - 用作底部边框的图像 : possible to repeat image in the "after" pseudo element and control background size?

Question

我们尝试使用单个图像作为底部边框，但没有成功。在这里查看我们的尝试:Use border image only for bottom border? Our CSS seems to replicate the image across the whole div instead

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

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

Answer 1

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

您只需根据您的代码添加一些定位( float 、绝对、任何)。