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

Question

我一直在创建一个关于火星的网页，我想看看我是否可以将 HTML5 页面的背景制作成图像而不是无聊的白色。 我确实想要这个链接，所以用 a.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>

从这里可以看出，我不是最有经验的程序员，但任何帮助（即使只是一点点）都将不胜感激。 感谢您抽出宝贵的时间，祝您今天拥有出色的 rest。

--

伊沙里夫

Answer 1

在 src 属性中使用指向 jpg 文件的链接，而不是 html 链接，对于这种情况，

<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 页面的背景成为带有链接的图像？

问题描述

1 个解决方案

解决方案1
0 已采纳 2020-06-01 20:23:46

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

问题描述

1 个解决方案

解决方案1 0 已采纳 2020-06-01 20:23:46

解决方案1
0 已采纳 2020-06-01 20:23:46