未顯示背景圖片。 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時，您不需要使用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 2

背景圖像在CSS中使用如下

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

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

Answer 3

試試這個：

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

Answer 4

你不能在CSS中使用HTML標籤。

試試這個：

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

，它會正常工作。