css下边框颜色渐变 |css能提醒字段输入吗

/* 线性渐变 */
border-bottom: 5px solid linear-gradient(to right, #ff0000, #0000ff);
/* 径向渐变 */
border-bottom: 5px solid radial-gradient(circle, #ff0000, #0000ff);

其中，linear-gradient表示线性渐变，to right表示从左到右颜色渐变，#ff0000和#0000ff是起始和结束颜色。radial-gradient表示径向渐变，circle表示圆形渐变，#ff0000和#0000ff是起始和结束颜色。

此外，大家还可以使用多个颜色值来实现更加丰富的效果。如下例子，大家使用四个颜色值来实现下边框的颜色渐变过渡效果。

border-bottom: 5px solid linear-gradient(to right, #ff0000, #ff7f00, #ffff00, #00ff00);

这样，大家就可以轻松实现下边框颜色的渐变效果，增添页面的美观度。