Попытка установить фоновое изображение с помощью встроенного CSS - PullRequest
Новая
       13

Попытка установить фоновое изображение с помощью встроенного CSS

0 голосов
/ 16 апреля 2019

Я настраиваю простой HTML-сайт. Я хочу использовать изображение для фона для целевой страницы. Я пытаюсь использовать встроенный CSS (я думал, что это будет проще всего ... пойди разберись).

В теге моего тела у меня есть цвет, который я хочу, "даркхаки". Но свойство для фонового изображения не подходит. Я загрузил на свой аккаунт на Flickr нужное мне изображение, но не смог. В моем окне ST3 я заметил, что закрывающая скобка выделена красным, но я не могу понять, почему. 

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-color: darkkhaki;
  background-image: https://www.flickr.com/photos/132197683@N04/33747163168/in/dateposted-public("praetorian_punisher.png");
}

h1 {
  color: red;
  text-align: center;
}

Я бы хотел видеть файл .png в качестве фона. Это не подходит, хотя.

Спасибо за любую помощь.

1 Ответ

1 голос
/ 16 апреля 2019

Во-первых, вы должны сделать это следующим образом: 

body {
  background-image: url(...);
}

Во-вторых, URL, который вы пытаетесь использовать, указывает на страницу HTML, а не на само изображение.Правильный URL будет https://live.staticflickr.com/65535/33747163168_9f12d3a173_b.jpg. 

body {
  background-color: darkkhaki;
  background-image: url(https://live.staticflickr.com/65535/33747163168_9f12d3a173_b.jpg);
}

h1 {
  color: red;
  text-align: center;
}
<h1>Hello!</h1>
...