css中使得border渐变方法

来源:互联网 发布:深圳行知小学校园网 编辑:程序博客网 时间:2024/05/29 20:05
background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(135deg,#000,#000),linear-gradient(135deg,#E70303,#FFFF44);border:2px transparent solid;
使得border边框渐变。需要注意的是,方法实现原理其实是使得整个background渐变,background-image中第一段的linear-gradient使得div里的渐变色覆盖成黑色,从而保留border上的渐变色。