css - 我应该如何将图像附加到边框底部？

Question

http://bootply.com/89567

我在 border-bottom 上附加了一个图案，因为没有特定的 borde-image 选择器，我使用了 :after 附加它。但是图像不会与其他图像一起缩放。

我应该在 Canvas 中创建边框图案吗？我怎样才能做到这一点？

提前致谢

.redbrd {
    height: 400px;
    width: auto;
    background: #D20000;
}

.redbrd:after {
    content: url("http://i.imgur.com/iKXPOF0.png");
    position: relative;
    top: 400px;
}

<section class="col-md-12">
                <div class="row">
                    <article class="col-md-6">

                    </article>

                    <article class="col-md-6">
                            <div class="col-md-6 col-xs-6">
                                <div class="redbrd"></div>
                            </div>
                            <div class="col-md-6 col-xs-6">
                                <div class="redbrd"></div>
                            </div>
                    </article>
                </div>
            </section>

Answer 1

试试这个:

.redbrd:after {
     content: " ";
     position: relative;
     top: 400px;
     display: block;
     background: url("http://i.imgur.com/iKXPOF0.png") repeat-x;
     height: 30px;
}