使用图像作为<h1> </h1>的背景

Question

目前我正在使用CSS（真的很新），我希望有一个标题的背景img - 设法让它工作 - 但是，勉强使img宽度调整到标题的长度（含量）

h2{
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 20px; 
 padding-left: 20px; 
 padding-top: 10px;
 margin-top:10px;
 color:white;
 }
span h2{
 background-image: url(border.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
 background-size: 100% 100%;
 }

正如你所看到的那样，我试图将内联元素包含在内部，例如，尝试制作内联元素，但无法使其工作。

任何帮助都会得到很多帮助

Answer 1

Span是内联元素，封锁标题不应该在里面。

如果您想将背景设置为h2，请将其设置为h2。

h2 {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 20px; 
    padding-left: 20px; 
    padding-top: 10px;
    margin-top:10px;
    color:white;
    background: url('border.gif') left bottom / 100% 100% no-repeat;
}

在HTML中，只有h2，没有span。