边框的渐变
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;
第二种:
利用背景色的渐变进行遮盖重叠达到边框的显示的效果(保证内层是要有背景色,不然效果实现不了)
以上是关于边框的渐变的主要内容,如果未能解决你的问题,请参考以下文章