当前位置: 代码迷 >> 综合 >> background属性:linear-gradient使用
  详细解决方案

background属性:linear-gradient使用

热度:41   发布时间:2023-12-11 23:33:14.0

前端:

<td class=" " style=" cursor:pointer;background: linear-gradient(to right,red 25%,blue 25%,blue 50%,green 50%,green 75%,yellow 75%);">1102</td>

效果:

在这里插入图片描述
说明:

linear-gradient(颜色朝向,第一个颜色结束,第二个颜色开始,第二个颜色结束,第三个颜色开始,第三个颜色结束,第四个颜色开始)

  相关解决方案