我想创建一个静态的基本HTML &CSS页面,但我想知道我如何使背景像附加的图像?
这是一个简单的CSS代码。将此添加到您的<head>
-tag中。
<style>
body {
background-image url(image.png);
}
</style>
可以替换body
。例如:div#idcard
或div.idcard
。
详细说明aWebDesigner123的回答:
body {
background-image: url(https://na-dache.pro/uploads/posts/2021-05/1620984771_105-p-greipfrut-foto-119.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}
background-image: url(path);应该添加给网站的背景图像。
有关更多语法,您可以参考以下文档:https://developer.mozilla.org/en-US/docs/Web/CSS/background-image