所以我需要在布局上使用一些自定义颜色，但我正在寻找一种更好的方法，除了在布局中使用（background：url（something.jpg））拍一张巨幅照片。
大多数情况下，我正在考虑获取调色板（即来自Adobe Kuler，colourlovers等），获取每种颜色的5x5样本并将它们粘贴到CSS精灵的数组中，或者仅作为单独的文件并通过它们访问它们：.color-one {transparent url(./one.gif) repeat}并且只要我想使用颜色就重复使用。
这样做有什么缺点吗？如果我应该坚持使用网页安全的颜色，或者有更好的方法吗？
答案 0 :(得分：4)
您不需要图形来表示背景颜色。如果您使用图像，那么您将走很远的路。只需使用颜色，就像图形显示的那样。
如果您需要进行渐变等，请仅使用背景图像。这就是他们发光的地方。
至于你的第二个问题，不，你不再需要坚持使用“网页安全”颜色了。如果2010年的某个人仍然只能显示256种颜色，那么，您的网站将不是他们最大的问题。
答案 1 :(得分：1)
.color-one{background-color: #f00}
.color-two{background-color: #0f0}
答案 2 :(得分：1)
无论如何，您必须将颜色设置为background-color，以便为不加载图像的读者提供服务。所以我认为这些图片没用。
请记住：图像越小，浏览器计算所有位置的计算越多。重复的背景图像不应小于20×20px。
答案 3 :(得分：0)
为什么不设置background-color？
（你的建议不适用于精灵，渲染器也会使用图像的其他部分）