背景圖片未顯示。 CSS。 標頭1. HTML5

Question

我正在上一個班級的網站，要顯示此標題的圖像，我遇到了極大的困難。 它們位於同一文件夾中，當直接應用於特定頁面時，我可以顯示該圖像。 我覺得我的CSS編碼方式有問題。

  h1     
     { background-color: #000033;
     background-image: <img src="sunset.jpg" "Height=72px" <alt="Sunset"> ;
     color: #FFFFFF; 
     line-height: 200% ;
     font-family: Georgia, serif; 
     text-indent: ;
     text-shadow: ;    
     margin-bottom: 0 ;} 

所以我在沒有意識到的情況下就可以使用它，這就是我結尾的代碼。

    h1     
     { background-color: #000033;
     background-image: url(sunset.jpg) ;
     color: #FFFFFF; 
     line-height: 200% ;
     font-family: Georgia, serif; 
     text-indent: ;
     text-shadow: ;
     background-position: right; 
     background-repeat: no-repeat; 
     height: 60px; 
     padding-left: 20px;         
     margin-bottom: 0 ;} 

Answer 1

在CSS中使用背景圖片，如下所示

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

看看https://www.w3schools.com/css/css_background.asp

Answer 2

使用CSS時，無需使用HTML標記，例如<img.../> ，只需使用以下代碼：

h1     
     { background-color: #000033;
     background-image: url(“sunset.jpg");
     color: #FFFFFF; 
     line-height: 200% ;
     font-family: Georgia, serif; 
     text-indent: ;
     text-shadow: ;    
     margin-bottom: 0 ;} 

Answer 3

嘗試這個：

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

Answer 4

您不能在CSS內使用HTML標記。

嘗試這個：

background-image:url ('sunset.jpg');

它將正常工作。