css - CSS 中的不对称边框图像

标签 css

如何在 CSS 中创建以下“画笔”效果作为 div 周围的边框?在这种情况下,div 将是红色框。

enter image description here

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

enter image description here

最佳答案

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

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

举个例子

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

关于css - CSS 中的不对称边框图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32729171/

相关文章:

html - 伪类之前的标准 CSS 技巧无法解决页眉下内容消失的问题

css - 标签文本溢出时应用省略号

css - 在内容中添加空间的链接

html - 如何让 iframe 始终居中对齐

html - 纯CSS有条件地改变 body 的背景颜色

css - LESS Mixins 正确的方式

html - 滞后的 CSS 动画

html - 具有半透明边框的 CSS 线性渐变

html - Bootstrap 中心 div 到其他的

html - 页眉和页脚在内容溢出时占满页面宽度