带有 CSS 边框图像的粗略样式边框？有人鉴定过这个物种吗？

【问题标题】：Sketchy style borders with CSS border-image? Anyone identified this species yet?带有 CSS 边框图像的粗略样式边框？有人鉴定过这个物种吗？
【发布时间】：2013-03-17 17:50:38
【问题描述】：

说我疯了，但是将手写/粗略样式的边框应用于您的 HTML 元素不是很酷吗？有没有人成功地做到了这一点？请分享！！！

【问题讨论】：

标签： wireframe css

【解决方案1】：

我刚刚试了一下。我不是艺术家，但这个概念很有效。 jsFiddle

div {
  border: 15px solid transparent;
  width: 350px;
  padding: 10px 20px;
}

#round {
  border-image: url("http://s3.amazonaws.com/dfc_attachments/images/3247065/sketchy_web.png") 30 30 round;
}

#stretch {
  border-image: url("http://s3.amazonaws.com/dfc_attachments/images/3247065/sketchy_web.png") 30 30 stretch;
}

【讨论】：

@abernier 抱歉，更新了答案和 jsfiddle 图片。