Question

我正在做一个与 tutorialspoint.com 类似的网站的项目。我编写了HTML和CSS代码，但是在放置背景图片时遇到了问题。

当我是stackoverflow的新手时，有人可以帮我指导我如何提供代码。[在此处输入图片描述] [1]

我不希望背景图片覆盖整个页面，而只覆盖其中一部分。

CSS代码：

*{
    padding: 0px;
    margin: 0px;
    font-family: sans-serif;
    color: white;
}

body {
    background-image: url(background.jpg);
    background-position: center;
    background-size: contain;

}
header{
    background-color: brown;
    width: 100%;
    height: 30px;
}

https://i.stack.imgur.com/ruBJF.png

Answer 1

您应该在CSS中添加此行

body{
    background-image: url("your image path");
}

如果您想在某些区域添加图片，则可以使用<div>标签

<div class = "myDiv">
    //My Div content here
</div>

而CSS将会

.myDiv{
    background-image: url("img path");
}

如何在CSS代码中限制背景图片？

1 个答案: