Как фоном указать изображение?

Question

[Chesterfield25]

Ребята подскажите как сделать изображение фоном, что то не получается!

Comments

[Александр]

Ваш вопрос относится именно к HTML? Не к CSS?

Answer 1

[Сергей]

.s{
  width:480px;
  height:854px;
  background-image:url(../img/fon.png);
}

Comments

[Chesterfield25]

А как сделать что бы изображение растягивалось на всю ширину экрана?

[Сергей]

Chesterfield25,
растянет на всю ширину и высоту контейнера
background-size: cover;
но у тебя контейнер не на весь экран, если нужно на весь экран, нужно или контейнеру делать ширину и ввысоту по 100% или фон цеплять на body

body{
  background-image:url(../img/fon.png);
  background-size: cover;
  background-position: 50% 0%; // тут позиционируем как будет нужно...
}

[Сергей]

А вообще вот хорошая статья, тут про все свойства можно найти htmlbook.ru/css/background

Answer 2

[Алексей Непомнящий]

htmlbook.ru/CSS/background-image

background-image:

Comments

[Chesterfield25]

.s{
	width:480px;
	height:854px;
	background-image:url(img/fon.png);
}

[godsplan]

Chesterfield25, попробуйте так background-image:url(/img/fon.png);
Или пришлите структуру файлов у вас на хостинге. (где какие папки)

[Сергей]

Chesterfield25, укажи путь правильно,
background-image:url(../img/fon.png);

[Алексей Непомнящий]

возможно да , путь не так указал к картинке.

[Chesterfield25]

Сергей, так работает всё

[Andrew]

Chesterfield25, DevTools браузера открывайте - помогает.