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');

它会正常工作。

没有显示的背景图像。 CSS。标题1. HTML5

4 个答案: