如何将HTML5页面的背景做成带链接的图片?

问题描述 投票:0回答:1

我一直在制作一个关于火星的教学网页,我想看看能不能把HTML5页面的背景做成图片,而不是枯燥的白色。我确实希望这个是带链接的,所以用一个.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>

我不是最有经验的程序员,你可以从这里看到,但任何帮助(哪怕只是一点点)都将非常感激。谢谢你的时间,祝你有一个愉快的休息日。

--

伊沙里夫

html css image url background
1个回答
0
投票

在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>
© www.soinside.com 2019 - 2024. All rights reserved.