如何使此图像水平拉伸

Question

因此我在页面顶部制作的横幅水平太短。 我已经尝试添加＆＃34;宽度：200％;＆＃34;到CSS但它只是使图像周围的空间更大，而不是图像本身。请帮忙。

横幅是本页顶部的巨型紫色横幅： http://www.neopets.com/~ellenore

P.S。请不要取笑我对neopets的爱。的xD

}
h1 { .left
width: 200px;
margin-left:0px;
margin-right: 0px;
margin: -8;
letter-spacing: -1px;

}

<h1>
<img src="image is here">
</h1> 

Answer 1

如果您将H1标签更改为：

<h1 style="
    width:100%;
    height:288px;
    background-image: url('http://i60.tinypic.com/rse735.png');
    display: inline-block;">
</h1>

然后您的图像将自动重复。然而，就目前而言，您的形象并不会重复得太好。所以，你可能想要编辑照片编辑s / w。

我建议不要拉伸你的图像，因为它看起来不太好。

此外，您可能希望将“Shaggy Little Lion”文本创建为单独的图形，该图形可以位于下图的顶部。