使用大小调整背景颜色

Question

我正在尝试缩放背景颜色。我有导航栏，我希望颜色从导航栏到底部。

我尝试过使用：

background-size: 80px 60px;

这不起作用，因为它仍在 100% 填充页面。也让每个人都知道我正在使用引导程序。

这是来自引导程序的 css：

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #F5F5F5;
}

这些是我的 css 规则，它们覆盖引导 css 文件。

body {
    background-size: 80px 60px;
    background-repeat: no-repeat;
}

导航栏的左右边距始终为 15%，因此背景颜色的宽度必须为 70%。上边距为 0，因为它跟随顶部的图像。

如果我忘记提供信息，我会道歉，我会尽快添加所需的信息。

Answer 1

您无法调整背景颜色的大小，但您可以为渐变指定特定大小，该渐变被视为背景图像。

您可以这样做： http://jsfiddle.net/JkhCs/

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color:transparent;
    background-image: -webkit-linear-gradient(red, red);
    background-image: linear-gradient(red, red);
    background-size:80px 80px;
    background-repeat:no-repeat;
}

Answer 2

你知道backgroud-size:cover和backgroud-size:contain吗？

在css3.info 或W3Schools 上查看，太棒了。