因为现在大部分的设备像素/CSS像素基本是2，所以1px
方案一
使用background-image
优点： 可以设置单条多条边框，可以设置颜色
缺点： 大量使用渐变可能导致性能瓶颈
代码量大
多背景图片有兼容问题
方案二
使用scaleY和:after、:before
缺点：圆角无法实现，实现四条边框比较麻烦，并且只能单独实现，如果嵌套，会对包含的效果产生不想要的效果，所以此方案配合：after和：before独立使用较多
因为现在大部分的设备像素/CSS像素基本是2，所以1px
使用background-image
优点： 可以设置单条多条边框，可以设置颜色
缺点： 大量使用渐变可能导致性能瓶颈
代码量大
多背景图片有兼容问题
使用scaleY和:after、:before
缺点：圆角无法实现，实现四条边框比较麻烦，并且只能单独实现，如果嵌套，会对包含的效果产生不想要的效果，所以此方案配合：after和：before独立使用较多
