时间戳

首页 > 解决方案 > background-repeat: no-repeat 不会开始重复

html - background-repeat: no-repeat 不会开始重复

问题描述

这是我的样式表。重复不起作用。我对编码很陌生，我真的很困惑。请帮我。我知道这是一个非常简单的代码，但它不会工作。我不知道我做错了什么。

  background-color: white;
    font-family: sans-serif;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    min-width: 256px;
    padding-top: 8px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    background: url("background_image.jpg") 
    background-repeat: no-repeat;

标签： htmlcss

解决方案

你在你的后面缺少一个分号 ( ;)background: url("background_image.jpg")

{}如果你错过了一个元素后面的分号，那么它后面的任何东西都不会起作用，直到结束。

但是，在单一样式元素或最后一个样式上不需要分号，如下例所示：

.class { color: red }

.class {
  background-color: blue;
  color: red
}

基本上，每个样式之后都需要一个分号，直到最后一个样式。尽管不建议从最后一个样式中删除分号，因为您（或代码的其他贡献者）可能会在稍后向元素添加更多样式时忘记这一点。

推荐阅读