CSS中的非对称边界图像

Question

如何创建以下'画笔'效果作为CSS中div的边框？在这种情况下，div将是红色框。

这是类似情况的另一个例子。在这种情况下，div将是蓝色框。

Answer 1

我想说你最好的选择是使用border-image属性

您可以在此处找到更多信息/示例http://www.css3.info/preview/border-image/您只需要找到您喜欢的笔触效果并将其应用于border-image

下面是一个例子

Codepen http://codepen.io/noobskie/pen/EVgaQL