边框的渐变

Posted rockyjs

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了边框的渐变相关的知识,希望对你有一定的参考价值。

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

第一种是纯边框:

写法是:

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;

 第二种:

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

以上是关于边框的渐变的主要内容,如果未能解决你的问题,请参考以下文章

如何用css使边框颜色渐变

使 UIView 渐变的边框颜色

如何制作 UIView 的渐变边框?

用css的方法达到边框颜色渐变,最好支持chrome

带有渐变的Android形状边框

渐变作为按钮边框颜色?