如何使 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