如何使該圖像水平展開

Question

因此，我在頁面頂部製作的橫幅水平太短。 我已經嘗試添加「寬度：200％;」到CSS，但它只是使圖像周圍的空間變大，而不是圖像本身。請幫忙。

旗幟是在本頁面頂部的巨型紫色之一： http://www.neopets.com/~ellenore

附：請不要取笑我對愛人的愛。的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> 

那麼你的圖像將自動重複。但是，就目前而言，你的形象並沒有重複。所以，你可能想在你的照片編輯軟件中進行編輯。

我建議不要伸展你的形象，因爲它看起來不會很好。

另外，您可能希望將您的「毛茸茸的小獅子」文本創建爲單獨的圖形，該圖形可以位於下方圖像的頂部。