css设置渐变

一、背景色渐变：

background-image: linear-gradient(45deg, #1a9ad0, #42c1be, #2c7c67, #2d63f9);

background-image: linear-gradient(角度，颜色)

二、边框颜色渐变

border-image: linear-gradient(#e60012,#000) 30 30;
纵向渐变

这时如果后面没有跟30， 30，会变成这样：（为方便查看，我将边框宽度换成50px了）

如果想要横向渐变呢？

border: 2px solid #ddd;
border-image: linear-gradient(to right, #09a0c5, #e60012) 1 1;

也可以单独只要底部的渐变边框：

background: linear-gradient(45deg, #dff8ff, transparent);
border-bottom: 2px solid #ddd;
border-image: linear-gradient(to right, #09a0c5, transparent) 1 1;