Bootstrap行的对角背景

Question

Background that I want to do.我有一排有两列，如何对角线填充两种颜色？ 从左到右填充，向下移动。

Answer 1

这很棘手，但这是我建议的解决方案： 以2x宽度创建对角背景图像。 使用CSS水平背景位置，并将第一列的值设置为0，下一列的值设置为50％。 您还需要使用CSS background-size属性，以便在所有设备大小上一次显示图像的一半。

Answer 2

如果没有图片，请添加：

.row {background: linear-gradient(to right bottom, #HEXCOLORCODE1 50%, #HEXCOLOR2 50%); }

将＃HEXCOLORCODE1和＃HEXCOLORCODE2替换为您想要的颜色代码。