css中使得border漸變方法

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上的漸變色。