边框的渐变

标签：两种   边框   实现   nbsp   bsp   border   line   order   -o   

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

第一种是纯边框：

写法是：

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;

 第二种：

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

边框的渐变

标签：两种   边框   实现   nbsp   bsp   border   line   order   -o   

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