我可以使用計算機上的圖片作為網站的背景嗎？

Question

我在設置背景圖片時遇到問題。 當我在線使用圖片的url時，下面的html效果很好，但是我無法使用計算機上的圖片。 我可以使用計算機上的圖片作為網站的背景嗎？

<!DOCTYPE html>
<html>

   <head>
      <style>
       body {
         background-image: url("Downloads/jpic.jpg");
         background-color: #cccccc;
       }
      </style>
   </head>

   <body>
      <p>first paragraph</p>
   </body>

</html>

Answer 1

問題在於您的路徑，如果您的映像與項目不在同一目錄中，則需要指定類似的路徑：

'C：\\ Users \\ user1 \\ Downloads \\ jpic.jpg'

以這種方式嘗試它會起作用

Answer 2

是的，您可以使用計算機的背景圖像。 只需將圖像（要使用的圖像）放在編碼文件所在的文件夾中即可。 將圖片文件粘貼到同一文件夾后，只需使用以下代碼：

    background-image: url("jpic.jpg");

Answer 3

使用相對路徑（不帶C：\\，Documents或其他文件），僅從項目中包含的所有其他文件中獲取圖像。 例如，如果在同一路徑中，則將是：

body {
  background-image: url("jpic.jpg");
  background-color: #cccccc;
}

並在圖像路徑中：

body {
  background-image: url("images/jpic.jpg");
  background-color: #cccccc;
}

並且請避免內聯CSS，導入外部* .css文件

我可以使用計算機上的圖片作為網站的背景嗎？

問題描述

3 個解決方案

解決方案1
0 2018-04-09 16:03:55

解決方案2
0 2018-04-09 16:14:49

解決方案3
0 2018-04-09 16:49:35

我可以使用計算機上的圖片作為網站的背景嗎？

問題描述

3 個解決方案

解決方案1 0 2018-04-09 16:03:55

解決方案2 0 2018-04-09 16:14:49

解決方案3 0 2018-04-09 16:49:35

解決方案1
0 2018-04-09 16:03:55

解決方案2
0 2018-04-09 16:14:49

解決方案3
0 2018-04-09 16:49:35