Таким образом, баннер, который я сделал в верхней части страницы, слишком короткий по горизонтали. Я уже пробовал добавить "width: 200%;" к CSS, но это только увеличило пространство вокруг изображения, а не изображение. Пожалуйста помоги.
Баннер - гигантский фиолетовый в верхней части этой страницы: http://www.neopets.com/~ellenore
ps, пожалуйста, не высмеивай мою любовь к неопетам. XD
}
h1 { .left
width: 200px;
margin-left:0px;
margin-right: 0px;
margin: -8;
letter-spacing: -1px;
}
<h1>
<img src="image is here">
</h1>
Если вы измените свой тег H1 на:
<h1 style="
width:100%;
height:288px;
background-image: url('http://i60.tinypic.com/rse735.png');
display: inline-block;">
</h1>
Затем ваше изображение будет автоматически повторяться. Однако, поскольку он стоит, ваш образ не слишком хорошо повторяется. Таким образом, вы, вероятно, захотите редактировать в своем редактировании фотографий s/w.
Я бы рекомендовал не растягивать ваш образ, так как он будет выглядеть не очень хорошо.
Кроме того, вы можете создать текст "Лохматый маленький лев" в виде отдельной графики, которая может быть сосредоточена поверх изображения ниже.