边框border使用系列1_之技巧

边框border使用系列1_之技巧

       大家好，今天分享的是利用边框的属性特性来实现有意思的效果。那就需要了解边框的一些特性，可能有些人，还不知道边框是什么形状的，那我告诉大家，边框的形状是梯形的，而不是矩形或者是其他什么形状，好了，不废话了，捞干的，今天就不放代码了，上图。

步骤：

1、准备素材（图片等）

2、使用工具：Atom

3、实现实例如下：

实例1：使用边框实现的左三角形（左边代码-右边预览）

实例2：使用边框实现的正三角形（左边代码-右边预览）

实例3：使用边框实现的信封（左边代码-右边预览）

实例4： 使用边框实现的米字格（左边代码-右边预览）

实例5：使用边框实现的图片相框

（效果图）

代码如下（代码没有格式化）：

好了，就写这么多，如有问题，可以留言。