如何为CSS列中的每列应用备用背景色

如何基于列数将备用背景色应用于多列布局

在上面的链接中，如果你看到所有的列背景都是蓝色的，我想给出白色和蓝色的交替背景色

HTML

Lorem ipsum dolor sit amet，是一位杰出的献身者。共同前庭。在risus auctor，posuere elit a，interdum nunc的两个房间里。我要活下去，我要活下去，我要活下去。当前的蜗壳结构图，包括临时建筑和建筑构件图，请参阅蜗壳结构图。门上的Vivamus，精巧的设施，精巧的直径，最重要的是，坐在同一个位置上。我是伊尼姆。不要让我们的身体有缺陷。前庭是一座庄严的建筑。佩伦特式秃鹫，利奥-欧盟-康茂德-帝国饮食，猫咪-福西布斯-米，比本杜姆-维利特-伊普苏姆-阿尔库。一个朗卡斯广场，维韦拉广场。这是一个很好的例子，一个是欧盟内部的门户，一个是精英门户。佩伦特斯泰斯尼斯奥迪奥，埃吉特Placelat nibh rhoncus id.

前方前庭，位于埃格斯塔的大鼠坐在埃米特，中间是狮子座。Donec libero nunc，aliquam aliquet massa non，fringilla Concertetur est。莫利斯前的车前草根中的Proin。这是一个元素。佩伦茨克和安特奥迪奥。我坐在一个普通人的位子上，我坐在一个普通人的位子上。我是罗那库斯·奥奇·尼伯，我不知道他是谁。奎斯克是一位皇帝。梅塞纳斯·马莱苏阿达·奎斯·维韦拉自由欧盟。普罗因欧盟直径，芸香，发酵直径。整型sem enim，hendrerit rhoncus suscipit sit amet，rutrum id lectus

潜力悬钩子。在hac habitasse Plateum，一句名言。潜力悬钩子。第二阶段：侵权行为，前庭等级，第二阶段。乌拉姆科珀·洛博蒂斯·拉库斯，在特里斯蒂克·马萨·波苏尔广场。这是一个很好的例子。在舌苔上涂上尼索汽水。他们是土尔皮斯人，他们是欧盟的一员，他们是发展精英。这是一个非常好的例子

CSS

.container{
背景颜色：蓝色
颜色：#000；
保证金：20px自动；
填充：20px；
位置：相对位置；
宽度：800px；
边界半径：5px；
盒影：1px 1px 5px#111111；
/*特定于列的样式*/
列数：3；
柱间距：3em；
列规则：1px黑色虚线；
}

编辑：那么，您有许多div/column，并且希望其他每个div/column都是不同的颜色

为元素分配一个类，并使用类似于我在下面介绍的内容。然后，您只需给每个其他元素指定颜色的类

 <div id="white">some stuff</div>
    <div id="black">some other stuff</div>

CSS:

#white{
background:white;
}
#black{
background:black;
}

一些东西
一些其他的东西
CSS:
#白色的{
背景：白色；
}
#黑色的{
背景：黑色；
}

---

这就是你的意思吗？一个div是一种颜色，另一个是不同的颜色，或者你指的是其他颜色？

编辑：那么，你有很多div/列，你希望其他每个div/列都是不同的颜色

为元素分配一个类，并使用类似于我在下面介绍的内容。然后，您只需给每个其他元素指定颜色的类

 <div id="white">some stuff</div>
    <div id="black">some other stuff</div>

CSS:

#white{
background:white;
}
#black{
background:black;
}

一些东西
一些其他的东西
CSS:
#白色的{
背景：白色；
}
#黑色的{
背景：黑色；
}

---

这就是你的意思吗？一个div是一种颜色，另一种是不同的或SIS，你是指别的什么东西？

< P>这在你的特定情况下可能不起作用，但是你会考虑在容器后面应用背景图像吗？对于三列布局，背景图像将由三个色带（原色、交替色、原色）等组成。对于不同数量的列，您将使用不同的背景图像。然后，只需在包含上使用一个类来指定应该加载哪个类。要减小图像大小并适应任何列高度，请使用垂直重复的背景图像

---

当然，这假设您知道每一列的宽度，因此对于响应性强的网站可能不起作用。但是，至少在纸上，我认为这会起作用。

< P>这在你的特定情况下可能不起作用，但是你会考虑在容器后面应用背景图像吗？对于三列布局，背景图像将由三个色带（原色、交替色、原色）等组成。对于不同数量的列，您将使用不同的背景图像。然后，只需在包含上使用一个类来指定应该加载哪个类。要减小图像大小并适应任何列高度，请使用垂直重复的背景图像

---

当然，这假设您知道每一列的宽度，因此对于响应性强的网站可能不起作用。但是，至少在纸面上，我认为这是可行的…

这是一个严重的黑客行为，但只要你有一个固定宽度的容器，它就应该满足你的需要

我没有时间去摆弄宽度，但是如果你花时间，理论上你可以使用带有硬边的

渐变来达到想要的效果。如果使用虚线
列规则
隐藏/模糊容器之间的模糊线，也会有所帮助


这是一个严重的黑客攻击，但只要您有一个固定宽度的容器，它就应该满足您的需要


我没有时间去摆弄宽度，但是如果你花时间，理论上你可以使用带有硬边的
渐变来达到想要的效果。如果使用虚线
列规则
隐藏/模糊容器之间的模糊线，也会有所帮助


你能重新解释一下你想要达到的目标吗？我已经编辑了你的问题，作为一个关于如何正确提问堆栈溢出问题的例子。是的