小编在学习 css 的过程中经常会用到 div 或者其他有边框的元素进行区域的划分，但老师讲解了 边框 不仅可以用线条着一种方式来显现，还可可以用图像作为边框，这一效果感觉挺实用的所以分享给大家；
工具/原料
1
电脑
2
Sublime text 2
方法/步骤
1
首先我们找到先创建一个静态页面，在 body 里面直接写入一个 div（比较常见）非常简单的用div的边框来演示；
2
我们先正常的为 div 设置一下 宽和高 还有边框属性，页面位置（这里 margin是为了让div 在网页居中，边框的厚度就宽一点。颜色选红色）
4
第二个则是跟改变一下 水平 和 垂直的效果；即使 stretch（水平拉伸） stretch（垂直拉伸） （还有一个属性 repeated 平铺；）
5
第三个效果则是 控制 一下边距的细节达到的;border-imag：url（） A B C D;对应的就是 上 右 下 左；
注意事项
仅作分享；
上一篇：摩尔庄园拍摄素材任务怎么做？
下一篇：百家号在哪里上传素材？