Html 木炭/仿模型边框效果，带CSS3

有没有办法用CSS3绘制“木炭般”的边框？这类线条在许多实体模型工具中很流行，因为它们象征着设计阶段的工作

例如，这里的图像

• 这条线可能不直，有些“扭曲”

• 这条线很大胆

• 笔刷效果：线条中可能包含单个白色像素

---

您可能可以通过CSS3的

边框图像

属性实现此效果

您可以在此处看到一些示例：

在这里：

---

Variant比我抢先一步，但正如他所提到的，您可以使用

边框图像

属性创建类似的效果。示例：

（它只是对所有元素使用单个图像）

在我的方法中，边框图像的外部位被着色为

白色

，因此对元素应用

背景色

，将为元素内部的内容着色，使外部位

为白色

。如果需要在多个不同的背景色上使用它（要求在

边框图像

的内部和外部具有透明度），则可以在边框内的当前元素后面创建一个元素，并在那里指定

背景色