背景图片不会通过 URL (HTML & CSS) 显示

Question

所以我一直在看关于如何使用 html 进行编码的教程，我首先成功地使用了整个背景图像：url('somePicture.jpg'); 但我现在的问题是它根本没有出现。上周我整个星期都在学习，但周末我休息了，现在我回到办公室，我毁了一切。这是我现在拥有的：

body{
    font-family: 'Syne', serif;
}
#help{
    color: purple;
}
.what{
    font-weight: bold;
}
section{
    border: solid 5px purple;
    padding: 20px 5px 10px 5px;
    margin: 0px auto 0px auto;
    width: 500px;
}
main{
    background-image: rgb(59, 59, 187) url("https://photographylife.com/wp-content/uploads/2017/05/img013-1200-copy.jpg") center/contain no-repeat;
}

<!DOCTYPE html>
<html>
    <head>
        <link href="https://fonts.googleapis.com/css2?family=Syne&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="Christ.css">
<title>
    Wow
</title>
    </head>
    <body>
        <main>
            <section>
                <h1 id="help">Oh.</h1>
                <p class="what">Hello, I exist. This is text. Welcome.</p>
            </section>
        </main>
    </body>
</html>

Answer 1

我认为属性你混淆了 background 属性和 background-image 属性。我只是将 CSS 代码更改为使用 background 而不是 background-image 并且它按预期工作。

背景图片不会通过 URL (HTML & CSS) 显示

Background image won't show via URL (HTML & CSS)

html

css

url

background

image