Html 如何将图像图案和颜色渐变设置为背景

我看到现代网站把颜色渐变+图案作为页面背景。 你可以看看twitter引导站点的“jumbotron”类

我需要的是创建，比如说上面的10个类，每个类指向不同的图像模式。我应该能够使用这些CSS类为图库中的每个缩略图提供10种不同的模式

当我将jumbotron类设置为任何缩略图时，它会拉伸整个页面

---

这可能吗？

您只需设置

宽度和
高度：

.jumbotron {
    width: 100px;
    height: 100px;
    /* the rest of your CSS properties */
}

另外，不要忘记根据需要调整
填充。
谢谢mathew。。让我试试你的解决办法。它不起作用。这就是background-cover属性的问题吗？你能发布一个链接到不起作用的代码吗？你在看什么？
.jumbotron {
    width: 100px;
    height: 100px;
    /* the rest of your CSS properties */
}