多色表格细胞 - 褪色效果

Question

需要帮助创建具有相同多色效果的表格。顶部细胞呈深蓝色，下部细胞呈蓝色褪色。

Answer 1

您可以操纵css 不透明度属性

颜色的不透明度与0-1

的范围不同

For eg;
Dark
color:#FF0000;
opacity:1;

Light Dark color
color:#FF0000;
opacity:0.5;

Answer 2

我可以看到6种蓝色（包括白色）。我相信阴影的选择是基于细胞中的值。为此，您可以选择蓝色阴影并创建css类，以将表格单元格的bg颜色设置为这些颜色。然后在javascript中你可以编写代码，一旦页面加载，你可以遍历表格中的单元格，并根据单元格中的值分配所需的类。 您还应该注意，一旦颜色值下降到某个级别，您需要将文本颜色从黑色切换为白色（您也可以在css类中包含此颜色）..