我有数百个div，每个div都有自己的样式属性。就在几分钟前，我发现我必须改变很多东西才能改变页面的某些背景。我希望身体的背景，从0px到200px，有一个黑色背景，身体的背景从200px到500px有灰色背景，从500px到700px再次有黑色背景。最后，700px到... px应该有白色背景。确切地说，
body
{
background-color:#ADADAD;
}
使所有页面，包括页面底部（我想要为白色）灰色。无论如何将身体px分开到px？
答案 0 :(得分：1)
正如丹尼尔指出的那样，最好的方法（因为我确信你要避免添加更多更多 div），就是创建一张高1px，宽700px的图片。使用以下样式在背景上实现图像：
body{background: url(your-image-here.jpg) repeat-y;}
这将垂直重复您的图像，重新创建颜色分隔，而无需创建更多div。
编辑：正如您所提到的，根据类别，您可以在css文件中的body标签上实现一个唯一的类。在这种情况下，对于每个不同的类别，您可以加载不同的图像。由于图像尺寸非常小（最多几KB），因此在服务器或用户下载每个类别的图像时不会很重。 （这比尝试拉伸图像以适合您所需的尺寸更好。）