如何使 HTML5 页面的背景成为带有 link 的图像？

Question

我一直在创建一个关于火星的教学网页，我想看看是否可以将 HTML5 页面的背景设为图像而不是无聊的白色。我确实希望使用 link，因此使用 .jpg 进行教学将没有用。这是我试过的一些代码：

<!DOCTYPE HTML>
    <html>
        <head>
            <title>My Webpage</title>
            <style>
                body {
                background: url(https://phys.org/news/2020-05-astrobiologists-mars-rover-life-detecting-equipment.html);
                }
            </style>
        </head>
        <body>
            My text here...
        </body>
   </html>

我不是最有经验的程序员，如您所见，但任何帮助（即使只是一点点）将不胜感激。感谢您的宝贵时间，祝您度过愉快的一天。

--

isharief

Answer 1

使用 link 到 src 属性中的 jpg 文件而不是 html link，对于这种情况，

<style>
                body {
                    background: url(https://scx1.b-cdn.net/csz/news/800/2020/astrobiologi.jpg);
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: center;
                    height: 100vh;
                    width: 100vw;
                    overflow: hidden
                }
            </style>

如何使 HTML5 页面的背景成为带有 link 的图像？

How can I make the background of an HTML5 page an image with a link?

html

css

url

background

image