css可以渐变吗 |css 动态增加列表

/* 线性渐变 */
background: linear-gradient(to right, #ff6b6b, #348ac7);
/* 径向渐变 */
background: radial-gradient(ellipse at center, #ff6b6b, #348ac7);
/* 角度渐变 */
background: linear-gradient(45deg, #ff6b6b, #348ac7);

渐变属性的第一个参数会指明渐变的类型。常用的渐变类型有线性渐变（linear）和径向渐变（radial）两种。线性渐变可以指定方向，需要加上方向角度等参数。径向渐变则是从图形中心开始，从内向外产生颜色变化。

渐变的具体颜色值可以用十六进制、RGB、RGBA等方式来指定。可以指定两个颜色之间的渐变，也可以一次性指定多个颜色来实现更加炫酷的效果。

除了背景和文本颜色，渐变也可以应用于边框的颜色。渐变作为边框颜色可以让网页元素看起来更加立体，更有层次感。

/* 边框渐变 */
border: 2px solid;
border-image: linear-gradient(#ff6b6b, #348ac7) 30;

需要注意的是，一些老旧的浏览器可能不支持CSS渐变属性，为了保证兼容性，可以使用其他方式来实现渐变效果，如使用图片、SVG等。

总体来说，CSS渐变是一种非常实用而方便的样式属性，可以帮助大家实现各种各样的颜色渐变效果，从而让网页更加生动有趣。