Html 使用以下命令调整背景色的大小:

Html 使用以下命令调整背景色的大小:,html,css,background,background-color,Html,Css,Background,Background Color,我正在尝试缩放背景色。我有导航条,我希望颜色从导航条到底部 我试过使用: 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-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%左右的边距,因此bg颜色的宽度必须为70%。顶部边距为0,因为它在顶部的图像后面


如果我忘记提供信息,我会尽快添加所需信息。

你知道
背景尺寸:封面
背景尺寸:包含


请在或处查看,它非常棒。

您不能调整背景颜色的大小,但可以为被视为背景图像的渐变指定特定的大小

以下是您可以做的:


背景大小
仅适用于图像和渐变。。检查我的回答你可能也会发现有趣的背景剪辑的替代品,取决于你想要的效果是否还有一种方法将其对齐到中间?或者左右调整边距?当然,背景位置:您的值;我正在尝试:背景大小:70%100%;但是100%似乎不起作用,因为它没有从上到下填满它。我可以使用10000px,但这不是一个好方法。非常感谢你的努力。我非常清楚“W3傻瓜”,但谴责任何东西都是愚蠢的。“W3傻瓜”从来没帮过我什么,“W3学校”帮过我。你能告诉我这个特别的参考有什么问题吗?
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;
}