有没有办法用CSS3绘制“木炭般的”边框？这些线条在许多模拟工具中很受欢迎，因为它们象征着设计阶段的工作。
E.g。图像在这里
http://balsamiq.com/products/mockups
线条可能不直，并且有一些“扭曲”
线条很大胆
画笔效果：线条中可能包含单个白色像素
答案 0 :(得分：4)
Variant 击败了我，但正如他所提到的，你可以使用border-image属性创建类似的效果。例子：
http://hertzen.com/experiments/css-charcoal-borders/（它只是为所有元素使用单个图像）
使用我的方法，边框图像外部位被着色为white，因此对元素应用background-color将为其中的元素的内容着色，留下外部位white 。如果你需要让它处理多种不同的背景颜色（要求你在border-image内外都有透明度），那么你可以在当前元素后面创建一个元素，它位于边框内，并指定background-color那里。
答案 1 :(得分：0)
您可以使用CSS3的border-image属性来实现此效果。
您可以在此处查看一些示例： http://www.css3.info/preview/border-image/