边框的渐变

针对边框的渐变色其实有两种理解:

第一种是纯边框：

写法是：

border:1px solid #ddd;
border-image: -webkit-linear-gradient(#da9f11, #daa21e , #dbbc7b) 20 20;
border-image: -moz-linear-gradient(#da9f11, #daa21e , #dbbc7b) 20 20;
border-image: -o-linear-gradient(#da9f11, #daa21e , #dbbc7b) 20 20;
border-image: linear-gradient(#da9f11, #daa21e , #dbbc7b) 20 20;

第二种：

利用背景色的渐变进行遮盖重叠达到边框的显示的效果（保证内层是要有背景色，不然效果实现不了）

原文地址：https://www.cnblogs.com/rockyjs/p/11479713.html